kwork banner 468x60kwork banner 728x90kwork banner 930x180jivo banner 468x60jivo banner 728x90jivo banner 930x180smsc banner 468x60smsc banner 728x90smsc banner 930x180

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

Операторы — это символы или ключевые слова, которые указывают движку 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
flexbe banner 480x320flexbe banner 728x90flexbe banner 120x600kwork banner 480x320kwork banner 728x90kwork banner 120x600skillbox banner 480x320skillbox banner 728x90skillbox banner 120x600

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

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

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

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

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

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

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

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

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

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

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