НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ

Базовий JavaScript

JS Підручник JS Синтаксис JS Змінні JS Оператори JS If Умови JS Цикли JS Рядки JS Числа JS Функції JS Об’єкти JS Дати JS Масиви JS Набори JS Карти JS Математичні JS RegExp JS Типи даних JS Помилки JS Дебагінг JS Події JS Програмування JS Довідники JS UTF-8 Характери

JS Розширений

JS Версії JS Функції JS Об’єкти JS Класи JS Ітерації JS Проміси JS Модулі JS HTML DOM JS Вікна JS Web API JS AJAX JS JSON JS jQuery JS Графіка JS Приклади JS Об’єкти

JavaScript. Уроки W3Schools для початківців українською мовою

En Es De Fr Ru

JavaScript Оператори

Оператори Javascript використовуються для виконання різних типів математичних і логічних обчислень.

Приклади:

Оператор присвоєння (призначення) = присвоює значення

Оператор додавання + додає значення

Оператор множення * множить значення

Оператор порівняння > порівнює значення


JavaScript Оператор присвоєння

Оператор присвоєння (=) присвоює значення змінній:

Приклади присвоєння

let x = 10;
Спробуйте самі »
// Призначити х значення 5
let x = 5;
// Призначити y значення 2
let y = 2;
// Призначити z значення x + y:
let z = x + y;
Спробуйте самі »

JavaScript Додавання

Оператор додавання (+) додає числа:

Додавання

let x = 5;
let y = 2;
let z = x + y;
Спробуйте самі »

JavaScript Множення

Оператор множення (*) множить числа:

Множення

let x = 5;
let y = 2;
let z = x * y;
Спробуйте самі »

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

Існують різні типи операторів JavaScript:

  • Арифметичні оператори
  • Оператори присвоєння
  • Оператори порівняння
  • Рядкові оператори
  • Логічні оператори
  • Побітові оператори
  • Тернарні оператори
  • Оператори типу

JavaScript Арифметичні оператори

Арифметичні оператори використовуються для виконання арифметичних дій над числами:

Приклад арифметичних операторів

let a = 3;
let x = (100 + 50) * a;
Спробуйте самі »
Оператор Опис
+ Додавання
- Віднімання
* Множення
** Піднесення до степеня (ES2016)
/ Ділення
% Модуль (залишок від ділення)
++ Інкремент (приріст)
-- Декремент (зменшення)

Примітка

Арифметичні оператори повністю описані в розділі JS Арифметичні.


JavaScript Оператори присвоєння

Оператори присвоєння призначають значення змінним JavaScript.

Оператор присвоєння додавання (+=) додає значення до змінної.

Присвоєння

let x = 10;
x += 5;
Спробуйте самі »
Оператор Приклад Те саме, що
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

Примітка

Оператори присвоєння повністю описані в розділі JS Присвоєння.


JavaScript Оператори порівняння

Оператор Опис
== дорівнює
=== дорівнює значення та дорівнює тип
!= не дорівнює
!== не дорівнює значення або не дорівнює тип
> більше ніж
< менше ніж
>= більше ніж або дорівнює
<= менше ніж або дорівнює
? тернарний оператор

Примітка

Оператори порівняння повністю описано в розділі JS Порівняння.


JavaScript Порівняння рядків

Усі наведені вище оператори порівняння також можна використовувати для рядків:

Приклад

let text1 = "A";
let text2 = "B";
let result = text1 < text2;
Спробуйте самі »

Зауважте, що рядки порівнюються в алфавітному порядку:

Приклад

let text1 = "20";
let text2 = "5";
let result = text1 < text2;
Спробуйте самі »

JavaScript Додавання рядків

Оператор + також можна використовувати для додавання (об’єднання) рядків:

Приклад

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;
Спробуйте самі »

Оператор присвоєння += також можна використовувати для додавання (об’єднання) рядків:

Приклад

let text1 = "Який сьогодні ";
text1 += "чудовий день";

Результатом text1 буде:

Який сьогодні чудовий день
Спробуйте самі »

Примітка

Коли оператор + використовується для рядків, він називається оператором конкатенації.


Додавання рядків і чисел

Додавання двох чисел поверне суму, але додавання числа та рядка поверне рядок:

Приклад

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

Результатом x, y та z буде:

10
55
Hello5
Спробуйте самі »

Примітка

Якщо додати число і рядок, результатом буде рядок!


JavaScript Логічні оператори

Оператор Опис
&& логічне and
|| логічне or
! логічне not

Примітка

Логічні оператори повністю описано в розділі JS Порівняння.


JavaScript Оператори типу

Оператор Опис
typeof Повертає тип змінної
instanceof Повертає true, якщо об’єкт є екземпляром типу об’єкта

Примітка

Оператори типів повністю описані в розділі JS Перетворення типів.


JavaScript Побітові (порозрядні) оператори

Побітові оператори працюють із 32-розрядними числами.

Будь-який числовий операнд під час операції перетворюється на 32-бітове (32-розрядне) число. Результат перетворюється назад на число JavaScript.

Оператор Опис Приклад Те саме, що Результат Десятковий
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< лівий зсув 5 << 1 0101 << 1 1010  10
>> правий зсув 5 >> 1 0101 >> 1 0010   2
>>> беззнаковий зсув вправо 5 >>> 1 0101 >>> 1 0010   2

У наведених вище прикладах використовуються 4-розрядні приклади без знаку. Але JavaScript використовує 32-розрядні числа зі знаком.
Через це в JavaScript ~ 5 не поверне 10. Поверне -6.
~0000000000000000000000000000101 поверне 11111111111111111111111111111010

Побітові оператори повністю описані в розділі JS Побітові.


Перевірте себе за допомогою вправ

Вправа:

Помножте 10 на 5 і повідомте результат.

alert(10  5);



Коментарі