У цьому посібнику ви дізнаєтеся про різні оператори, доступні в 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 |
