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

Базовий 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 Порівняння


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

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

Оператори порівняння завжди повертають true або false.

Враховуючи, що x = 5, у таблиці нижче пояснюються оператори порівняння:

Оператор Опис Порівняння Поверне
== дорівнює x == 8 false Спробуй це »
x == 5 true Спробуй це »
x == "5" true Спробуй це »
=== однакове значення та однаковий тип x === 5 true Спробуй це »
x === "5" false Спробуй це »
!= не дорівнює x != 8 true Спробуй це »
!== не дорівнює значенню або не дорівнює типу x !== 5 false Спробуй це »
x !== "5" true Спробуй це »
x !== 8 true Спробуй це »
> більше ніж x > 8 false Спробуй це »
< менше ніж x < 8 true Спробуй це »
>= більше ніж або дорівнює x >= 8 false Спробуй це »
<= менше ніж або дорівнює x <= 8 true Спробуй це »

Оператори порівняння можна використовувати в умовних операторах для порівняння значень та виконання дій залежно від результату:

if (age < 18) text = "Занадто молодий, щоб купувати алкоголь";

Ви дізнаєтесь більше про використання умовних операторів у розділі if...else цього посібника.


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

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

Приклад

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

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

Приклад

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

Порівняння різних типів

Порівняння даних різних типів може дати неочікувані результати.

Під час порівняння рядка з числом JavaScript перетворить рядок на число. Порожній рядок перетвориться на 0. Нечисловий рядок перетвориться на NaN, яке завжди false.

Випадок Значення Спробуй
2 < 12 true Спробуй це »
2 < "12" true Спробуй це »
2 < "John" false Спробуй це »
2 > "John" false Спробуй це »
2 == "John" false Спробуй це »
"2" < "12" false Спробуй це »
"2" > "12" true Спробуй це »
"2" == "12" false Спробуй це »

Під час порівняння двох рядків "2" буде більше, ніж "12".

В алфавітному порядку 1 менше ніж 21.

Щоб забезпечити правильний результат, змінні слід перетворити на правильний тип перед порівнянням:

Приклад

age = Number(age);
if (isNaN(age)) {
  voteable = "Input is not a number";
} else {
  voteable = (age < 18) ? "Too young" : "Old enough";
}
Спробуйте самі »