Інструкції if

Програмам потрібно приймати рішення й виконувати дії залежно від різних ситуацій. Наприклад, застосунок погоди може показувати сонце, якщо зараз день, або місяць, якщо зараз ніч.

У JavaScript ми керуємо такими виборами за допомогою умовних інструкцій.

Що робить інструкція if

Інструкція if перевіряє умову.

Якщо умова істинна, JavaScript виконує код усередині фігурних дужок {}. Якщо умова хибна, JavaScript пропускає цей код і рухається далі.

Перший приклад коду

Використаймо оператор >=, щоб перевірити вік користувача.

const age = 18;

if (age >= 18) {
  console.log("Ти вже можеш голосувати.");
}

Пояснення коду

• Ключове слово if повідомляє JavaScript, що починається умова.
• Умова записується всередині круглих дужок ().
• age >= 18 запитує: "Чи age більше або дорівнює 18?"
• Оскільки age дорівнює 18, умова істинна.
• Повідомлення з'явиться в секції виводу після натискання Запустити.

Використання else

Що, якщо умова хибна? Ми можемо додати else, щоб дати програмі інший блок коду для виконання.

const score = 45;

if (score >= 60) {
  console.log("Ти склав!");
} else {
  console.log("Ти не склав.");
}

Тут score >= 60 є хибним, тому JavaScript пропускає блок if і виконує блок else.

Використання else if

Іноді потрібно перевірити більше ніж дві можливості. Можна використати else if, щоб перевірити ще одну умову перед необов'язковим блоком else.

Ми використовуємо ===, щоб перевірити, чи два значення точно однакові.

const weather = "raining";

if (weather === "sunny") {
  console.log("Одягни сонцезахисні окуляри.");
} else if (weather === "raining") {
  console.log("Візьми парасольку.");
} else {
  console.log("Гарного дня!");
}

JavaScript перевіряє умови зверху вниз. Він пропускає "sunny", знаходить, що "raining" є істинним, і надсилає "Візьми парасольку." у секцію виводу.

Міні-завдання

Відредагуй код про погоду вище.

Зміни значення weather з "raining" на "snowing". Потім натисни Запустити і перевір секцію виводу.

Яке повідомлення ти бачиш?

Короткий тест

Запитання: Що станеться, якщо умова в інструкції if хибна, а блоку else немає?

• A) Програма зламається.
• B) Код усередині блоку if все одно виконається.
• C) Код усередині блоку if буде пропущено, і програма піде далі.

Відповідь: C. Якщо умова хибна, JavaScript пропускає код усередині блоку if.

Малий виклик

Напиши програму, яка перевіряє статус входу користувача.

• Створи змінну loginStatus.
• Перевір, чи loginStatus точно дорівнює "yes".
• Якщо так, покажи "Welcome back!".
• Інакше покажи "Please log in.".

// напиши свій код нижче

console.log()

Підсумок

Тепер ти знаєш, як приймати прості рішення в JavaScript.

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