Операторы 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>
Выход
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>
Выход
ложь
правда
правда
правда
ложь
правда
ложь
Оператор присваивания
Операторы присваивания
'='
используются с числовыми значениями для присвоения значения переменной. Существуют различные способы присвоения значения переменной:
Оператор | Такой же как.. | Использовать для |
---|---|---|
х = у | х = у | Назначать |
х + = у | х = х + у | Добавление |
х - = у | х = х - у | Вычитание |
х * = у | х = х * у | Умножение |
х / = у | х = х / у | Разделение |
х% = у | х = х% у | Модуль |
<!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>
Выход
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>
Выход
Строковые операторы
Есть два оператора, которые также можно использовать для строк.
Имя оператора | Оператор | Использовать |
---|---|---|
Конкатенация | + | Добавляет 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!
Операторы инкремента и декремента
Операторы увеличения / уменьшения используются для увеличения / уменьшения значения переменной на
'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>
Выход
21 год
2021 год
1919
2019
Побитовые операторы
Поразрядные операторы выполняют поразрядные операции с операндами.
Оператор | Имя оператора | Пример | То же, что (двоичный) | Результат | Десятичный |
---|---|---|---|---|---|
& | Побитовое И | 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. |
в | Он проверяет, имеет ли объект данное свойство. |
удалять | Удаляет свойство из объекта. |
экземпляр | Проверяет, является ли объект экземпляром данного типа. |
пустота | Он отбрасывает возвращаемое значение выражения. |
тип | Проверяет тип объекта. |