Операторы JavaScript

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

В JavaScript есть следующие типы операторов.

Арифметические операторы
Операторы сравнения
Операторы присваивания
Логические операторы
Строковые операторы
Побитовые операторы
Специальные операторы

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

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

Вот полный список арифметических операторов JavaScript:

Имя оператора	Оператор	Пример
Добавление	+	10 + 20 = 30
Вычитание	-	20-10 = 10
Умножение	*	10 * 5 = 50
Разделение	/	50/5 = 10
Модуль (остаток)	%	20% 2 = 0

Примечание. Оператор + также можно использовать для добавления (объединения) строк.

Пример

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Arithmatic Operator </title> 
</head> 
<body>
    <script>
    var x = 25;
    var y = 5;
    document.write(x + y); // Prints: 30
    document.write("<br>");
    
    document.write(x - y); // Prints: 20
    document.write("<br>");
    
    document.write(x * y); // Prints: 125
    document.write("<br>");
    
    document.write(x / y); // Prints: 5
    document.write("<br>");
    
    document.write(x % y); // Prints: 0
    </script>
</body>
</html>

Выход

JavaScript Arithmatic Operator 30
20
125
5
0

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

Операторы сравнения используются для compare двух значений (числа или строки):

Имя оператора	Оператор	Пример
Равно	==	10 == 20 = ложь
Одинаковые (одинаковые и однотипные)	===	10 === 20 = ложь
Не равный	знак равно	10! = 20 = верно
Не идентичны	! ==	20! == 20 = ложь
Больше чем	>	20 <10 = верно
Меньше, чем	<	20> 10 = ложь
Больше или равно	> =	20> = 10 = верно
Меньше или равно	<=	20 <= 10 = ложь

Пример

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Comparison Operator </title> 
</head> 
<body>
    <script>
    var a = 25;
    var b = 35;
    var c = "25";
     
    document.write(a == c);  // Prints: true
    document.write("<br>");
    
    document.write(a === c); // Prints: false
    document.write("<br>");
    
    document.write(a != b);  // Prints: true
    document.write("<br>");
    
    document.write(a !== c); // Prints: true
    document.write("<br>");
    
    document.write(a < b);   // Prints: true
    document.write("<br>");
    
    document.write(a > b);   // Prints: false
    document.write("<br>");
    
    document.write(a <= b);  // Prints: true
    document.write("<br>");
    
    document.write(a >= b);  // Prints: false
    </script>
</bodb>
</html>

Выход

JavaScript Comparison Operator правда
ложь
правда
правда
правда
ложь
правда
ложь

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

Операторы присваивания '=' используются с числовыми значениями для присвоения значения переменной. Существуют различные способы присвоения значения переменной:

Оператор	Такой же как..	Использовать для
х = у	х = у	Назначать
х + = у	х = х + у	Добавление
х - = у	х = х - у	Вычитание
х * = у	х = х * у	Умножение
х / = у	х = х / у	Разделение
х% = у	х = х% у	Модуль

Пример

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Assignment Operator </title> 
</head> 
<body>
    <script>
    var x;    // Declaring Variable
 
    x = 10;
    document.write(x + "<br>"); // Prints: 10
    
    x = 20;
    x += 30;
    document.write(x + "<br>"); // Prints: 50
     
    x = 50;
    x -= 20;
    document.write(x + "<br>"); // Prints: 30
     
    x = 5;
    x *= 25;
    document.write(x + "<br>"); // Prints: 125
     
    x = 50;
    x /= 10;
    document.write(x + "<br>"); // Prints: 5
     
    x = 100;
    x %= 15;
    document.write(x); // Prints: 10
    </script>
</body>
</html>

Выход

JavaScript Assignment Operator 10
50
30
125
5
10

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

Логические операторы используются для объединения conditional statements . Предположим, у нас есть два условных оператора 'x' и 'y': -

Имя оператора	Оператор	Использовать
Логическое И	&&	Верно, если и x, и y верны
Логическое ИЛИ	\|\|	Истинно, если либо x, либо y истинно
логическое не	!	Верно, если x не верно

Пример

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Logical Operator </title> 
</head> 
<body>
    <script>
    var year = 2020;
 
    // Leap years are divisible by 400 or by 4 but not 100
    if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){
        document.write(year + " is a leap year.");
    } else{
        document.write(year + " is not a leap year.");
    }
    </script>
</body>
</html>

Выход

JavaScript Logical Operator 2020 год - високосный.

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

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

Имя оператора	Оператор	Использовать
Конкатенация	+	Добавляет str2 к str1.
Присваивание конкатенации	+ =	Добавляет str2 к str1.

Пример

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript String Operator </title> 
</head> 
<body>
 <script>
  var str1 = "Hello";
  var str2 = " JavaScript!";
    
  document.write(str1 + str2 + "<br>"); // Outputs: Hello JavaScript!
     
  str1 += str2;
  document.write(str1); // Outputs: Hello JavaScript!
 </script>
</body>
</html>

Выход

JavaScript String Operator Привет, JavaScript!
Привет, JavaScript!

Операторы инкремента и декремента

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

Имя оператора	Оператор	Использовать
Предварительный инкремент	++ x	Увеличивает x на единицу, затем возвращает x
Пост-инкремент	x ++	Возвращает x, затем увеличивает x на единицу
Предварительный декремент	--Икс	Уменьшает x на единицу, затем возвращает x
Постдекремент	Икс--	Возвращает x, затем уменьшает x на единицу.

Пример

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Increment / Decrement Operator </title> 
</head> 
<body>
    <script>
    var x; // Declaring Variable
 
    x = 20;
    document.write(++x); // Prints: 21
    document.write("<p>" + x + "</p>");   // Prints: 21
     
    x = 20;
    document.write(x++); // Prints: 20
    document.write("<p>" + x + "</p>");   // Prints: 21
     
    x = 20;
    document.write(--x); // Prints: 19
    document.write("<p>" + x + "</p>");   // Prints: 19
     
    x = 20;
    document.write(x--); // Prints: 20
    document.write("<p>" + x + "</p>");   // Prints: 19
    </script>
</body>
</html>

Выход

JavaScript Increment / Decrement Operator 21 год

21 год

Побитовые операторы

Поразрядные операторы выполняют поразрядные операции с операндами.

Оператор	Имя оператора	Пример	То же, что (двоичный)	Результат	Десятичный
&	Побитовое И	5 и 1	0101 и 0001	0001	1
\|	Побитовое ИЛИ	5 \| 1	0101 \| 0001	0101	5
~	Побитовое Не	~ 5	~ 0101	1010	10
^	Побитовое исключающее ИЛИ	5 ^ 1	0101 ^ 0001	0100	4
<<	Побитовый сдвиг влево	5 << 1	0101 << 0001	1010	10
>>	Побитовый сдвиг вправо	5 >> 1	0101 >> 0001	0010	2
>>>	Побитовый сдвиг нуля вправо	5 >>> 1	0101 >>> 0001	0010	2

Специальные операторы

Следующие ниже операторы известны как специальные операторы JavaScript.

Оператор	Описание
,	Он позволяет оценивать несколько выражений как один оператор.
урожай	Этот оператор проверяет, что возвращается в генераторе итератором генератора.
(? :)	Условный оператор возвращает значение в зависимости от условия. Его можно использовать вместо оператора if.
в	Он проверяет, имеет ли объект данное свойство.
удалять	Удаляет свойство из объекта.
экземпляр	Проверяет, является ли объект экземпляром данного типа.
пустота	Он отбрасывает возвращаемое значение выражения.
тип	Проверяет тип объекта.

JavaScript

Операторы JavaScript

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

Вот полный список арифметических операторов JavaScript:

Выход

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

Выход

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

Выход

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

Выход

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

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

Выход

Операторы инкремента и декремента

Выход

Побитовые операторы

Специальные операторы

Подпишитесь на нашу email рассылку 👇