7. Операції з умовами

Деякі події відбуваються лише тоді, коли виконується певна умова. Наприклад, вода закипить, коли досягне температури 100 градусів, а двері можна відчинити, тільки якщо у вас є відповідний ключ. Те ж саме відбувається і в JavaScript: умовний оператор виконує код на ваш вибір, залежно від того, чи є значення виразу логічною істиною (true) або логічною хибою (false).

if… else…

Як виглядає умовна конструкція? Ключовим елементом є оператор if:

if (умова) {

    ...команда, яка виконується при виконанні певної умови
}

Наприклад:

let x = 34;

if (x < 100) {
    console.log('Liczba jest mniejsza od 100');
}

 if (x < 10) {
     console.log('Liczba jest mniejsza od 10');
 }

Наступним елементом є умовний оператор else, тобто команда, яка виконується, якщо умова не виконується.

Наприклад:

let x = 34;

if (x < 100) {
     console.log('Число менше 100');
} else {
     console.log('Число більше 100');
}


if (x < 10) {
     console.log('Число меньше 10');
} else {
     console.log('Число більше 10');
}

Ми також можемо перевірити кілька умов одна за одною. Для цього використовується else if:

if (x < 10) {
     console.log('Число меньше 10');
}  else if (x > 10) {
     console.log('Число більше 10');
} else {
     console.log('Число дорівнює 10');
}

Створи у своєму JS-файлі дві змінні з іменами a та b. Присвой їм два різних числа. Потім напиши наступну умову: якщо a більше b, то в консолі повинно бути виведено “a більше b”. Якщо b більше, в консолі повинно бути виведено “b більше за a”.

switch

Умови також можна перевіряти за допомогою команди switch.

let language = 'Spanish';

switch (language) {
    case 'English': 
        console.log('Hello!');
        break;
    case 'French':
        console.log('Salut');
        break;
    case 'Spanish':
        console.log('Hola!');
        break;
    case 'Polish':
        console.log('Cześć!');
        break;
    default:
        console.log(`I don't know this language`);
}

Зверни увагу, що кожен варіант закінчується командою break. Break перериває виконання оператора switch. Це означає, що при виконанні будь-якого з вказаних випадків подальші порівняння виконуватися не будуть. Якщо ми опустимо це слово, то навіть якщо порівняння буде успішним, будуть виконані подальші перевірки. Наша інструкція switch закінчується спеціальним випадком default, який буде обрано, коли всі інші варіанти будуть неправильними.

Завдання

Створи у своєму JS-файлі змінну з ім’ям weather і присвойте їй значення “sun”. Потім, використовуючи команду switch, зробіть так, щоб в консолі з’явився наступний текст:

• коли змінна weather дорівнює “sun” — “It’s sunny! 🌞”
• коли змінна weather дорівнює “rain” — “It’s raining! 🌧️”
• коли змінна weather дорівнює “wind” — “It’s windy! 🌬️”

Тепер присвой змінній weather значення “rain” і подивись, як зміниться текст у консолі. Перевірте те ж саме, присвоївши їй значення “wind”.

Умова if..else… використовує оператори порівняння

Не завжди щось є або більшим за, або меншим за, або рівним до. Зрештою, вона може бути більше або дорівнювати, менше або дорівнювати і т.д. В JS ми маємо в своєму розпорядженні наступні оператори порівняння:

let x = 34;

Зауваж, що в JS одинарний знак рівності, наприклад, присвоює значення змінній. А подвійний знак рівності == вже служить для порівняння двох значень, або, точніше, для перевірки, чи є вони однаковими.

Ми також можемо зустріти логічні оператори:

let x = 34;

let y = 13;