Операторы — это символы или ключевые слова, которые указывают движку JavaScript на выполнение каких-либо действий. Например, символ добавления (+) — это оператор, который сообщает движку JavaScript добавить две переменные или значения, в то время как символы равенства (==), больше (>) или меньше (<) являются операторами это говорит движку JavaScript сравнивать две переменные или значения и так далее.

В этом разделе описываются различные операторы, используемые в JavaScript.

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

Арифметические операторы используются для выполнения обычных арифметических операций, таких как сложение, вычитание, умножение и т. д. Вот полный список арифметических операторов JavaScript:

Оператор Описание Пример Результат
+ Сложение $x + $y Сумма $x и $y
- Вычитание $x - $y Разница $x и $y.
* Умножение $x * $y Умножение $x и $y.
/ Деление $x / $y Деление $x и $y
% Деление по модулю $x % $y Остаток $x разделенный на $y

Следующий пример покажет вам эти арифметические операторы в действии:

var x = 10;
var y = 4;
alert(x + y); // 0utputs: 14
alert(x - y); // 0utputs: 6
alert(x * y); // 0utputs: 40
alert(x / y); // 0utputs: 2.5
alert(x % y); // 0utputs: 2

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

Операторы присваивания используются для присвоения значений переменным.

Оператор Описание Пример Такой же как
= Присвоить x = y x = y
+= Добавить и назначить x += $ x = x + y
-= Вычесть и назначить x -= y x = x - y
*= Умножить и назначить x *= y x = x * y
/= Разделить и назначить частное x /= y x = x / y
%= Разделите и назначьте модуль x %= y x = x % y

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

var x;    // Declaring Variable
 
x = 10;
alert(x); // Outputs: 10
 
x = 20;
x += 30;
alert(x); // Outputs: 50
 
x = 50;
x -= 20;
alert(x); // Outputs: 30
 
x = 5;
x *= 25;
alert(x); // Outputs: 125
 
x = 50;
x /= 10;
alert(x); // Outputs: 5
 
x = 100;
x %= 15;
alert(x); // Outputs: 10

Строковые операторы JavaScript

Есть два оператора, которые также могут быть использованы для строк

Оператор Описание Пример Результат
+ Конкатенация str1 + str2 Конкатенация str1 и str2
+= Назначение конкатенации str1 += str2 Присоединяет str2 к str1

Следующий пример покажет вам строковые операторы в действии:

var str1 = "Hello";
var str2 = " World!";
 
alert(str1 + str2); // Outputs: Hello World!
 
str1 += str2;
alert(str1); // Outputs: Hello World!

Операторы увеличения и уменьшения JavaScript

Операторы increment/decrement используются для увеличения/уменьшения значения переменной.

Оператор Имя Эффект
++x Pre-increment Увеличивает х на единицу, затем возвращает х
x++ Post-increment Возвращает x, затем увеличивает x на единицу
--x Pre-decrement Уменьшает x на единицу, затем возвращает x
x-- Post-decrement Возвращает x, затем уменьшает x на единицу

Следующий пример покажет, как на самом деле работают операторы увеличения и уменьшения:

var x; // Declaring Variable
 
x = 10;
alert(++x); // Outputs: 11
alert(x);   // Outputs: 11
 
x = 10;
alert(x++); // Outputs: 10
alert(x);   // Outputs: 11
 
x = 10;
alert(--x); // Outputs: 9
alert(x);   // Outputs: 9
 
x = 10;
alert(x--); // Outputs: 10
alert(x);   // Outputs: 9

Логические операторы JavaScript

Логические операторы обычно используются для объединения условных операторов.

Оператор Имя Пример Результат
&& И x && y True, если x и y верны
|| Или x || y True, если x или y верно
! Не !x True, если x не соответствует действительности

Следующий пример покажет, как на самом деле работают эти логические операторы:

var year = 2018;
 
// Leap years are divisible by 400 or by 4 but not 100
if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){
    alert(year + " is a leap year.");
} else{
    alert(year + " is not a leap year.");
}

Вы узнаете об условных выражениях в Руководстве по операторам if…else в JavaScript.

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

Операторы сравнения используются для сравнения двух значений логическим способом.

Оператор Имя Пример Результат
== Равно x == y True, если x равен y
=== Идентично x === y Истинно, если x равен y, и они одинаковы type
!= Не равно x != y True if x is not equal to y
!== Не идентичны x !== y Истинно, если x не равно y или они не одного типа
< Меньше чем x < y Истина, если х меньше, чем у
> Больше чем x > y Истина, если х больше, чем у
>= Больше или равно x >= y True, если x больше или равно y
<= Меньше или равно x <= y Истинно, если x меньше или равно y

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

var x = 25;
var y = 35;
var z = "25";
 
alert(x == z);  // Outputs: true
alert(x === z); // Outputs: false
alert(x != y);  // Outputs: true
alert(x !== z); // Outputs: true
alert(x < y);   // Outputs: true
alert(x > y);   // Outputs: false
alert(x <= y);  // Outputs: true
alert(x >= y);  // Outputs: false

Похожие посты

Руководство по сортировке массивов в JavaScript

Сортировка — обычная задача при работе с массивами. Она будет использоваться, например, если вы захотите отобразить названия городов или регионов в алфавитном порядке. JavaScript массив (array) имеет встроенный метод sort() для сортировки элементов массива в алфавитном порядке. Следующий пример демонстрирует, как это работает: Реверсирование массива Вы можете использовать метод reverse(), чтобы изменить порядок элементов массива…

Руководство по массивам в JavaScript

Массивы — это сложные переменные, которые позволяют нам хранить группы значений под одним именем переменной. Массивы JavaScript могут хранить любое допустимое значение, включая строки, числа, объекты, функции и даже другие массивы, что позволяет создавать более сложные структуры данных, такие как массив объектов или массив массивов. Предположим, вы хотите сохранить название цветов в своем коде JavaScript….

Руководство по работе с атрибутами DOM в JavaScript

Атрибуты — это специальные слова, используемые внутри начального тега HTML-элемента для управления поведением тега или предоставления дополнительной информации о теге. JavaScript предоставляет несколько методов для добавления, удаления или изменения атрибутов HTML-элемента. В этом разделе мы узнаем об этих методах подробно. Получение значения атрибута элемента Метод getAttribute() используется для получения текущего значения атрибута элемента. Если указанный…

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.