7 типов операторов JavaScript, которые вы должны знать

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

В этой статье вы узнаете о различных операторах в JavaScript и о том, как их использовать с примерами.

Типы операторов JavaScript

JavaScript поддерживает следующие операторы:

1. Арифметические операторы
2. Операторы присваивания
3. Строковые операторы
4. Операторы сравнения
5. Логические операторы
6. Побитовые операторы
7. Специальные операторы

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

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

Оператор сложения (+)

Вы можете использовать оператор сложения (+) для выполнения сложения операндов.

пусть a = 12;
пусть b = 10;
пусть результат = a + b;
console.log (результат)
console.log (1 + 2);
console.log (+ 6);

Выход:

22
3
18

Оператор вычитания (-)

Используйте оператор вычитания (-), чтобы вычесть правый операнд из левого операнда.

пусть a = 10;
пусть b = 4;
пусть результат = а-б;
console.log (результат);
console.log (23-20);

Выход:

6
3

Оператор умножения (*)

Воспользуйтесь оператором умножения (*) для умножения операндов.

пусть a = 10;
пусть b = 4;
пусть результат = a * b;
console.log (результат);
console.log (23 * 20);

Выход:

40
460

Оператор отдела (/)

Вы можете использовать оператор деления (/) для выполнения деления на операнды.

пусть a = 10;
пусть b = 4;
пусть результат = a / b;
console.log (результат);
console.log (40/20);

Выход:

2.5
2

Оператор модуля (%)

Оператор модуля (%) возвращает целочисленный остаток, разделяя два операнда.

пусть a = 10;
пусть b = 4;
let result = a% b;
console.log (результат);
console.log (40% 20);

Выход:

2
0

Оператор возведения в степень (**)

Оператор возведения в степень (**) вычисляет основание степени (основание ^ экспонента).

пусть a = 3;
console.log (** 4);

Выход:

81

Оператор инкремента (++)

Оператор инкремента (++) увеличивает целое значение на единицу.

пусть a = 3;
// Значение a = 4 и возвращает 4
console.log (++ a);
// Значение a = 5 и возвращает 4
console.log (a ++);
// Значение a = 5 и возвращает 5
console.log (а);

Выход:

4
4
5

Оператор декремента (-)

Оператор декремента (--) уменьшает целое значение на единицу.

пусть a = 3;
// Значение a = 2 и возвращает 2
console.log (- а);
// Значение a = 1 и возвращает 2
console.log (а--);
// Значение a = 1 и возвращает 1
console.log (а);

Выход:

2
2
1

Оператор унарного плюса (+)

Оператор унарного плюса (+) пытается преобразовать операнд в число, если это еще не так.

console.log (typeof ("10"));
console.log (typeof (+ "10"));
console.log (typeof (ложь));
console.log (typeof (+ false));

Выход:

нить
количество
логический
количество

Оператор унарного отрицания (-)

Оператор унарного отрицания (-) возвращает отрицание своего операнда.

пусть a = 10;
console.log (-a);

Выход:

-10

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

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

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

Вы можете использовать оператор присваивания (=), чтобы присвоить значение правого операнда левому операнду.

// Присваиваем 10 значению
пусть a = 10;
console.log (а);

Выход:

10

Оператор присваивания сложения (+ =)

Оператор присваивания сложения (+=) используется для сложения значений левого и правого операнда и присвоения результата левому операнду.

пусть a = 10;
пусть b = 5;
// Эквивалентно a = a + b
а + = Ь;
console.log (а);

Выход:

15

Оператор присваивания вычитания (- =)

Оператор присваивания вычитания (-=) вычитает правый операнд из левого операнда и присваивает результат левому операнду.

пусть a = 10;
пусть b = 5;
// Эквивалентно a = a-b
а - = б;
console.log (а);

Выход:

5

Оператор присваивания умножения (* =)

Используйте оператор присваивания умножения (*=), чтобы умножить значения левого и правого операнда и присвоить результат левому операнду.

пусть a = 10;
пусть b = 5;
// Эквивалентно a = a * b
а * = б;
console.log (а);

Выход:

50

Оператор присвоения деления (/ =)

Вы можете использовать оператор присвоения деления (/=), чтобы разделить значение левого операнда на значение правого операнда и присвоить результат левому операнду.

пусть a = 10;
пусть b = 5;
// Эквивалентно a = a / b
а / = Ь;
console.log (а);

Выход:

2

Оператор присвоения остатка (% =)

Оператор присваивания остатка (%=) делит левый операнд на правый операнд и присваивает остаток левому операнду.

пусть a = 10;
пусть b = 5;
// Эквивалентно a = a% b
а% = b;
console.log (а);

Выход:

0

Оператор присвоения степени (** =)

Оператор возведения в степень (**=) возводит левый операнд в степень правого операнда и присваивает результат левому операнду.

пусть a = 10;
пусть b = 5;
// Эквивалентно a = a ** b
а ** = б;
console.log (а);

Выход:

100000

Операторы побитового присваивания (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) работают аналогично. Вы узнаете о побитовых операторах в следующих разделах.

Связанный: Введение в типы данных в JavaScript

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

Оператор конкатенации (+) используется для объединения (добавления) строк.

let result = "Сделать" + "Использовать" + "Из";
console.log (результат);

Выход:

MakeUseOf

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

Операторы сравнения используются для сравнения операндов и возвращают логическое значение (правда или ложный) на основе сравнения. JavaScript предоставляет следующие операторы сравнения:

Оператор равенства (==)

Оператор равенства (==) возвращается правда если операнды равны. Он только сравнивает значения операндов, игнорируя их тип при сравнении.

console.log (2 == 4);
console.log ("2" == 2);

Выход:

ложный
правда

Оператор "Не равно" (! =)

Оператор не равно (!=) возвращается правда если операнды не равны. Он также игнорирует тип операндов при сравнении.

console.log (2! = 4);
console.log (2! = "2");

Выход:

правда
ложный

Оператор строгого равенства ()

Оператор строгого равенства () возвращается правда если операнды равны. Он сравнивает оба - значения и типы операндов при сравнении.

console.log (24);
console.log ("2" 2);

Выход:

ложный
ложный

Оператор строгого неравенства (! ==)

Оператор строгого неравенства (!==) возвращается правда если операнды не равны. Он также сравнивает оба - значения и тип операндов при сравнении.

console.log (2! == 4);
console.log (2! == "2");

Выход:

правда
правда

Больше, чем оператор (>)

Оператор больше чем (>) возвращает истину, если левый операнд больше правого.

console.log (10> 4);
console.log (5> 5);

Выход:

правда
ложный

Оператор "больше или равно" (>=)

Оператор больше или равно (>=) возвращает истину, если левый операнд больше или равен правому операнду.

console.log (10> = 4);
console.log (5> = 5);

Выход:

правда
правда

Оператор "Меньше" (

Оператор меньше чем (<) возвращает истину, если левый операнд меньше правого.

console.log (10 <4);
console.log (5 <5);

Выход:

ложный
ложный

Оператор меньше или равно (<=)

Оператор меньше или равно (<=) возвращает истину, если левый операнд меньше или равен правому операнду.

console.log (10 <= 4);
console.log (5 <= 5);

Выход:

ложный
правда

Связанный: Как создать простой калькулятор с помощью HTML, CSS и JavaScript

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

По официальной Документы MDN, JavaScript предоставляет следующие логические операторы:

Логическое И (&&)

использование: expr1 && expr2

Возвращает expr1, если его можно преобразовать в false; в противном случае возвращает expr2. При использовании с логическими значениями && возвращается правда если оба операнда верны; в противном случае возвращается ложный.

console.log (истина и ложь);

Выход:

ложный

Логическое ИЛИ (||)

использование: expr1 || expr2

Возвращает expr1, если его можно преобразовать в true; в противном случае возвращает expr2. При использовании с логическими значениями || возвращается правда если любой из операндов истинен; если оба ложны, возвращается ложный.

console.log (истина || ложь);

Выход:

правда

Логическое НЕ (!)

использование:! expr

Возврат ложный если его единственный операнд можно преобразовать в истину; в противном случае возвращается правда.

console.log (! истина);

Выход:

ложный

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

JavaScript предоставляет следующие побитовые операторы:

Побитовый оператор И (&)

Этот оператор выполняет логическое А ТАКЖЕ операция над каждым битом целочисленных аргументов.

// В двоичном
// 4: 100
// 1: 001
console.log (4 и 1);

Выход:

0

Побитовый оператор ИЛИ (|)

Этот оператор выполняет логическое ИЛИ операция над каждым битом целочисленных аргументов.

console.log (4 | 1);

Выход:

5

Побитовый оператор XOR (^)

Этот оператор выполняет логическое исключающее ИЛИ операция над каждым битом целочисленных аргументов.

console.log (4 ^ 1);

Выход:

5

Побитовый оператор НЕ (~)

Этот оператор меняет местами все биты в операнде.

console.log (~ 4);

Выход:

-5

Примечание: JavaScript преобразует числа в 32-битные целые числа со знаком перед выполнением побитовой операции. И когда операция выполняется, она преобразует результат обратно в 64-битные числа JavaScript.

Оператор левого сдвига (<

Этот оператор сдвигает все биты в своем первом операнде влево на количество разрядов, указанное во втором операнде.

console.log (4 << 1);

Выход:

8

Оператор правого сдвига (>>)

Этот оператор сдвигает все биты в своем первом операнде вправо на количество разрядов, указанное во втором операнде.

console.log (4 >> 1);

Выход:

2

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

Тернарный оператор

Тернарный оператор - это сокращение от оператор if-else. Он присваивает значение переменной на основе условия, синтаксис для этого же:

состояние? значение1: значение2

Если условие истинно, оператор возвращает значение значение1. В противном случае он возвращает значение значение2.

пусть результат = (200> 100)? "Да нет";
console.log (результат);

Выход:

да

Тип оператора

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

console.log (typeof (100));
console.log (typeof ("100"));

Выход:

количество
нить

Используйте однострочники JavaScript, чтобы писать код как профессионал

Вы можете выполнять широкий спектр операций, используя всего одну строку кода на JavaScript. Если вам нужно перетасовать массив, обнаружить темный режим в браузере, сгенерировать случайный UUID или найти среднее значение массива, вы можете добиться этого с помощью всего лишь строчки кода.

11 однострочных предложений JavaScript, которые вы должны знать

Добейтесь многого с помощью небольшого количества кода, используя этот широкий спектр однострочников JavaScript.

Читать далее

Об авторе