В этом руководстве вы узнаете о различных операторах, доступных в JavaScript, и о том, как их использовать, с помощью примеров.
Что такое оператор?
В JavaScript оператор - это специальный символ, используемый для выполнения операций с операндами (значениями и переменными). Например,
2 + 3; // 5
Вот +оператор, который выполняет сложение, а 2и 3являются операндами.
Типы операторов JavaScript
Вот список различных операторов, которые вы изучите в этом руководстве.
- Операторы присваивания
- Арифметические операторы
- Операторы сравнения
- Логические операторы
- Побитовые операторы
- Строковые операторы
- Другие операторы
Операторы присваивания JavaScript
Операторы присваивания используются для присвоения значений переменным. Например,
const x = 5;
Здесь =оператор используется для присвоения значения 5переменной x.
Вот список часто используемых операторов присваивания:
| Оператор | имя | пример |
|---|---|---|
= | Оператор присваивания | a = 7; // 7 |
+= | Дополнительное задание | a += 5; // a = a + 5 |
-= | Присваивание вычитания | a -= 2; // a = a - 2 |
*= | Присваивание умножения | a *= 3; // a = a * 3 |
/= | Назначение дивизиона | a /= 2; // a = a / 2 |
%= | Остаток присвоения | a %= 2; // a = a % 2 |
**= | Назначение возведения в степень | a **= 2; // a = a**2 |
Примечание . Обычно используется оператор присваивания =. Вы поймете другие операторы присваивания, такие как +=, -=и *=т. Д., Когда вы изучите арифметические операторы.
Арифметические операторы JavaScript
Арифметические операторы используются для выполнения арифметических вычислений . Например,
const number = 3 + 5; // 8
Здесь +оператор используется для добавления двух операндов.
| Оператор | имя | пример |
|---|---|---|
+ | Дополнение | x + y |
- | Вычитание | x - y |
* | Умножение | x * y |
/ | Деление | x / y |
% | Остаток | x % y |
++ | Приращение (увеличивается на 1) | ++x или x++ |
-- | Уменьшение (уменьшение на 1) | --x или x-- |
** | Возведение в степень (мощность) | x ** y |
Пример 1: арифметические операторы в JavaScript
let x = 5; let y = 3; // addition console.log('x + y = ', x + y); // subtraction console.log('x - y = ', x - y); // multiplication console.log('x * y = ', x * y); // division console.log('x / y = ', x / y); // remainder console.log('x % y = ', x % y); // increment console.log('++x = ', ++x); // x is now 6 console.log('x++ = ', x++); // x returns 6 and then increases by 1 console.log('x = ', x); // decrement console.log('--x = ', --x); // x is now 6 console.log('x-- = ', x--); // x returns 6 and then increases by 1 console.log('x = ', x); //exponentiation console.log('x ** y =', x ** y);
Посетите оператор ++ и -, чтобы узнать больше.
Вывод
x + y = 8 x - y = 2 x * y = 15 x / y = 1,6666666666666667 x% y = 2 ++ x = 6 x ++ = 6 x = 7 --x = 6 x-- = 6 x = 5 x ** y = 125
Примечание . Оператор ** был введен в EcmaScript 2016, и некоторые браузеры могут его не поддерживать. Чтобы узнать больше, посетите страницу поддержки браузера для возведения в степень JavaScript.
Операторы сравнения JavaScript
Операторы сравнения сравнивают два значения и возвращают логическое значение либо trueили false. Например,
const a = 3, b = 2; console.log(a> b); // true
Здесь оператор сравнения >используется для сравнения, больше ли a, чем b.
| Оператор | Описание | пример |
|---|---|---|
== | Равно : возвращается, trueесли операнды равны | x == y |
!= | Не равно : возвращается, trueесли операнды не равны | x != y |
=== | Строго равно : trueесли операнды равны и одного типа | x === y |
!== | Строгое не равно : trueесли операнды равны, но разного типа или не равны вообще | x !== y |
> | Больше, чем : trueесли левый операнд больше правого операнда | x> y |
>= | Больше или равно : trueесли левый операнд больше или равен правому операнду | x>= y |
< | Меньше чем : trueесли левый операнд меньше правого операнда | x < y |
<= | Меньше или равно : trueесли левый операнд меньше или равен правому операнду | x <= y |
Пример 2: операторы сравнения в JavaScript
// equal operator console.log(2 == 2); // true console.log(2 == '2'); // true // not equal operator console.log(3 != 2); // true console.log('hello' != 'Hello'); // true // strict equal operator console.log(2 === 2); // true console.log(2 === '2'); // false // strict not equal operator console.log(2 !== '2'); // true console.log(2 !== '2'); // false
Output
true true true true true false false true
Comparison operators are used in decision making and loops. You will learn about the use of comparison operators in detail in later tutorials.
JavaScript Logical Operators
Logical operators perform logical operations and return a boolean value, either true or false. For example,
const x = 5, y = 3; (x < 6) && (y < 5); // true
Here, && is the logical operator AND. Since both x < 6 and y < 5 are true, the result is true.
| Operator | Description | Example |
|---|---|---|
&& | Logical AND: true if both the operands are true, else returns false | x && y |
|| | Logical OR: true if either of the operands is true; returns false if both are false | x || y |
! | Logical NOT: true if the operand is false and vice-versa. | !x |
Example 3: Logical Operators in JavaScript
// logical AND console.log(true && true); // true console.log(true && false); // false // logical OR console.log(true || false); // true // logical NOT console.log(!true); // false
Output
true false true false
Logical operators are used in decision making and loops. You will learn about the use of logical operators in detail in later tutorials.
JavaScript Bitwise Operators
Bitwise operators perform operations on binary representations of numbers.
| Operator | Description |
|---|---|
& | Bitwise AND |
| | Bitwise OR |
^ | Bitwise XOR |
~ | Bitwise NOT |
<< | Left shift |
>> | Sign-propagating right shift |
>>> | Zero-fill right shift |
Bitwise operators are rarely used in everyday programming. If you are interested, visit JavaScript Bitwise Operators to learn more.
JavaScript String Operators
In JavaScript, you can also use the + operator to concatenate (join) two or more strings.
Example 4: String operators in JavaScript
// concatenation operator console.log('hello' + 'world'); let a = 'JavaScript'; a += ' tutorial'; // a = a + ' tutorial'; console.log(a);
Output
helloworld JavaScript tutorial
Примечание: когда +используется со строками, выполняется конкатенация. Однако, когда +используется с числами, он выполняет сложение.
Другие операторы JavaScript
Вот список других операторов, доступных в JavaScript. Вы узнаете об этих операторах в последующих руководствах.
| Оператор | Описание | пример |
|---|---|---|
, | оценивает несколько операндов и возвращает значение последнего операнда. | let a = (1, 3 , 4); // 4 |
?: | возвращает значение на основе условия | (5> 3) ? 'success' : 'error'; // "success" |
delete | удаляет свойство объекта или элемент массива | delete x |
typeof | возвращает строку, указывающую тип данных | typeof 3; // "number" |
void | отбрасывает возвращаемое значение выражения | void(x) |
in | возвращается, trueесли указанное свойство находится в объекте | prop in object |
instanceof | возвращает, trueесли указанный объект относится к указанному типу объекта | object instanceof object_type |
