Операторы JavaScript (с примерами) - httpdoc.ru

Операторы 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 год

20

21 год

19

19

20

19


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

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

Оператор Имя оператора Пример То же, что (двоичный) Результат Десятичный
& Побитовое И 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.
в Он проверяет, имеет ли объект данное свойство.
удалять Удаляет свойство из объекта.
экземпляр Проверяет, является ли объект экземпляром данного типа.
пустота Он отбрасывает возвращаемое значение выражения.
тип Проверяет тип объекта.