Розгалуження

Розгалуження потрібні, щоб виконувати якийсь код в заледності від умови. Якщо результат умови приводиться до буля true, то код виконується, якщо привоиться до false, то код ігнорується.

Інструкція if

Інструкція if використовується для виконання коду в залежності від умови (виразу, який обчислюється як true або false). Це один з основних будівельних блоків для контролю потоку в програмах.

// Код, до розгалуження
if (умова) {
    // Код, який виконується, якщо умова true
} 
// Код, після розгалуження

Всередині круглих дужок після операторв if вказують умову. Умова приводиться до буля. Якщо це буде true, то виконується код всередині фігурних дужок. Якшо умова приводиться до false, то код всередині фігурних дужок ігнорується.

let price = 0;
const sex = "male";

if (sex === "male") {
  price = 2000;
}

console.log(price); // 2000

Якщо умова приводиться до false, код у фігурних дужках проігнорується.

let price = 0;
const sex = "female";

if (sex === "male") {
  price = 2000;
}

console.log(price); // 0

Інструкція if...else

До інструкції if можна додати необовʼязковий елемент else і вийде інструкція if...else. Якщо умова у круглих дужках приводиться до true, то виконається код у перших фігурних дужках, а код в фігурних дужках після ключового слова else ігнорується. Якщо умова привоиться до false, то виконається тільки код у фігурних дужках після ключового слова else.

// Код, до розгалуження
if (умова) {
    // Код, який виконується, якщо умова true
} else {
    // Код, який виконується, якщо умова false
}
// Код, після розгалуження

Перепишемо вищенаведений код:

let price = 0;
const sex = "female";

if (sex === "male") {
  price = 2000;
} else {
  price = 1000;
}

console.log(price); // 1000

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

let price = 0;
const sex = "female";
let age = 17;

if (sex === "male") {
  if (age >= 18) {
    price = 2000;
  } else {
    price = 500;
  }
} else {
  if (age >= 18) {
    price = 1000;
  } else {
    price = 500;
  }
}

console.log(price); // 500

Інструкція else...if

Інструкція else if використовується для перевірки більше ніж однієї умови після початкової умови if. Вона дозволяє створити ланцюжок умов, які перевіряються по черзі, поки одна з умов не виявиться правдивою. В кінці ланцюжка може бути класичний блок else, який виконається лише у випадку, якщо жодна умова не приведеться до true.

// Код, до розгалуження
if (умова 1) {
    // Код, який виконується, якщо умова 1 приводиться до true
} else if (умова 2) {
    // Код, який виконується, якщо умова 2 приводиться до true
}

// довільна кількість блоків else if
  
  else {
    // Код, який виконується, якщо жодна умова вище не привелась до true
}
// Код, після розгалуження

Умови перевіряються по-порядку. Як тільки якась умова приведеться до true, код у фігурних дужках після неї виконається, решта коду проігнорується.

Коротко логіка: шукаю перший збіг умови і решту коду - ігнорую.

let num = 10;

if (num > 0) {
    console.log("Додатнє число");
} else if (num < 0) {
    console.log("Від'ємне число");
} else {
    console.log("Число дорівнює нулю");
}