Меню
Спросить
JS

Операторы JavaScript

12 октября 2017
Операторы JavaScript

Всем привет. На улице то холодно, то тепло, но главное уже нет жары, все таки октябрь на дворе. Сегодня мы поверхностно затронем тему операторов в JavaScript. Сначала ответим на вопрос, что вообще такое эти ваши операторы?
Оператор или по другому инструкция - это можно сказать команда, которую выполняет компьютер. Для нас это как бы инструмент, с помощью которого мы можем делать те или иные действия и операции. К примеру, чтобы было понятней, возьмем простой арифметический пример:

  1. 10 + 23 = 33

Цифры 10, 23 и 33 - это операнды, а знак плюса и знак равно это операторы или как я уже сказал выше команда. То есть мы отдаем операнду 10 команду сложения(плюс) с операндом 23, а оператором "равно" мы просим вывести получившиеся ответ. Начнем с того, что рассмотрим простейшие арифметические операторы в JavaScript.

Арифметические операторы

Начнем с простого, это операторы сложения, вычитания, умножения и деления, они соответствуют знакам +, -, *, /. Так же к примеру, если мы хотим возвести число в степень используем оператор "**" - две снежинки.

  1. alert(5**2); // 25

Все просто. И так работает каждый оператор, просто их не мало и они делятся на группы.

  1. + - оператор сложения
  2. - - оператор вычитания
  3. / - оператор деления
  4. * - оператор умножения
  5. ** - оператор возведения числа в степень
  6. % - оператор взятия остатка от деления

Операторы префиксного/постфиксного декремента и инкремента

Сложное название, если хотите можете запомнить, но это такие операторы, которые прибавляют или убавляют значение на единицу. По сути, чтобы увеличить число достаточно написать 2+1 или 3+1 или 23+1 и тд, но все на много легче.
Если мы хотим увеличить числа на единицу, то просто ставим два плюса после переменной или числа.

  1. var
  2. a = 5;
  3. a = a+1; // 6
  4. или мы можем использовать данный оператор
  5. a++; // 6

Но есть свои особенности:

  1. var
  2. a = 6;
  3. a++; // увеличит переменную а на единицу
  4. a--; // уменьшит переменную а на единицу
  5. ++a; // переменная а сначала увеличится на единицу, а потом уже будет использоваться
  6. --a; // аналогично.

Хотя результат в данном случае будет один и тот же, но бывает когда это меняет результат. К примеру:

  1. var
  2. a = 5;
  3. a = a++ +1; // 6
  4. a = ++a +1; // 7

Операторы присваивания

Тут тоже все просто. Вы уже знаете один из таких операторов - обычный знак равно(=), он же оператор присваивания. То есть если мы пишем, a=5, то тем самым мы присваиваем переменной a значение 5. Но все же есть еще и другие операторы присваивания.
Рассмотрим пример:

  1. var
  2. a = 5;
  3. a = a + 1; // вернет число 6

Мы можем упростить данный пример с помощью оператора присваивания со сложением:

  1. var
  2. a = 5;
  3. a += 1; // тот же результат 6

Вот остальные операторы присваивания:

  1. = - оператор присваивания
  2. += оператор присваивания со сложением
  3. -= оператор присваивания с вычитанием
  4. *= оператор присваивания с умножением
  5. /= оператор присваивания с делением

Операторы сравнения

В названии я могу ошибаться, но я бы именно так их и назвал. Операторы сравнения, как бы это странно не звучало, но они сравнивают! Используются в условиях, с которыми кто-то уже знаком, а с остальными поговорим в других частях. Все мы их знаем из той же математики, они используются в неравенствах к примеру, это знаки равно, больше меньше и тд.

  1. > - оператор сравнивания больше
  2. < - оператор сравнивания меньше
  3. >= - оператор сравнивания больше или равно
  4. <= - оператор сравнивания меньше или равно
  5. == - оператор сравнивания равно
  6. === - оператор сравнивания тождественно равно или "я те отвечаю!"
  7. != - оператор сравнивания не равно
  8. && - это конечно не оператор сравнения, но он там пригодится, логический оператор "И"
  9. || - логический оператор "ИЛИ"

Заключение

Думаю для начала будет достаточно, все остальные операторы встретим и запомним в процессе обучения.
Всем спасибо за урок, пока =)

Следующая статьяПредыдущая статья