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

JS Підручник

JS Старт JS Інтро JS Установка JS Виведення JS Інструкції JS Синтаксис JS Коментарі JS Змінні JS Ключове слово Let JS Ключове слово Const JS Оператори JS Арифметичні JS Присвоєння JS Типи даних JS Функції JS Об’єкти JS Події JS Рядки JS Рядкові методи JS Рядковий пошук JS Рядкові шаблони JS Числа JS Числові методи JS Масиви JS Методи масиву JS Сортування масиву JS Ітерація масиву JS Масив Const JS Дати JS Формати дат JS Методи отримання дат JS Методи встановлення дат JS Математичні JS Рандомні JS Булеві JS Порівняння JS Умови JS Switch JS Цикл For JS Цикл For In JS Цикл For Of JS Цикл While JS Break & Continue JS Ітерації JS Сети (Набори) JS Мапи JS Typeof JS Перетворення типів JS Побітові JS Регулярні вирази JS Помилки JS Область дії JS Хостинг JS Use Strict JS Ключове слово this JS Функція стрілки JS Класи JS Модулі JS JSON JS Дебагінг JS Гід по стилю JS Кращі практики JS Поширені помилки JS Продуктивність JS Зарезервовані слова

JS Версії

JS Версії JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021/2022 JS IE/Edge JS Історія

JS Об’єкти

Визначення об’єктів Властивості об’єкта Методи об’єкта Відображення об’єкта Доступ до об’єктів Конструктори об’єктів Прототипи об’єктів Ітеровані об’єкти Сети (Набори) об’єктів Мапи (Карти) об’єктів Довідник об’єктів

JS Функції

Визначення функції Параметри функції Виклик функції Функція call() Функція apply() Функція bind() Закриття функції

JS Класи

Класи. Інтро Успадкування класу Статичні методи

JS Асинхроний

Зворотні виклики Асинхроний Проміси Async/Await

JS HTML DOM

DOM Вступ DOM Методи DOM Документ DOM Елементи DOM HTML DOM Форми DOM CSS DOM Анімація DOM Події DOM Слухач подій DOM Навігація DOM Вузли DOM HTMLCollection DOM NodeList

JS Браузер BOM

JS Вікно JS Скрін JS Локація JS Історія JS Навігатор JS Виринаюче сповіщення JS Таймінг JS Куки

JS Веб API

Веб API Вступ Веб-форми API Веб-історія API Веб-сховище API Веб-воркер API Веб-виборка API Веб-геолокація API

JS AJAX

AJAX Вступ AJAX XMLHttp AJAX Запит AJAX Відповідь сервера AJAX XML Файл AJAX PHP AJAX ASP AJAX База даних AJAX Додатки AJAX Приклади

JS JSON

JSON Вступ JSON Синтаксис JSON та XML JSON Типи даних JSON Аналіз JSON Stringify JSON Об’єкти JSON Масиви JSON Сервер JSON PHP JSON HTML JSON JSONP

JS та jQuery

jQuery Селектори jQuery HTML jQuery CSS jQuery DOM

JS Графіка

JS Графіка JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Приклади

JS Приклади JS HTML DOM JS HTML Input JS HTML Об’єкти JS HTML Події JS Браузер JS Редактор JS Вправи JS Вікторина JS Навчальний табір JS Сертифікат

JS Довідники

JavaScript Об’єкти HTML DOM Об’єкти

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

En Es De Fr

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
<< left shift 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);



Коментарі