Skip to main content

Умовні конструкції

JavaScriptJunior~1 хв читання
Запропонувати правку

1. if, else if, else

Це - основна і найбільш читабельна конструкція для розгалуження коду.

javascript
const age = 20; if (age >= 18) { console.log('Дорослий'); } else if (age >= 14) { console.log('Підліток'); } else { console.log('Дитина'); }
  • if перевіряє умову
  • else if додає додаткові перевірки
  • else виконується, якщо всі попередні не спрацювали

Умова всередині if приводиться до булевого значення (truthy/falsy).

2. Тернарний оператор ? :

Короткий запис для простих умов.

javascript
const age = 18; const status = age >= 18 ? 'Дорослий' : 'Неповнолітній'; console.log(status); // "Дорослий"

Синтаксис: умова ? значення_якщо_істина : значення_якщо_хибно

Можна вкладати кілька тернарних операторів (але обережно з читабельністю):

javascript
const age = 25; const group = age < 13 ? 'дитина' : age < 20 ? 'підліток' : 'дорослий';

3. Оператор switch

Зручний, коли багато варіантів одного й того самого виразу.

javascript
const day = 3; switch (day) { case 1: console.log('Понеділок'); break; case 2: console.log('Вівторок'); break; case 3: console.log('Середа'); break; default: console.log('Невідомий день'); }
  • break запобігає "провалюванню" у наступний case
  • default - аналог else

Можна використовувати групування:

javascript
switch (day) { case 6: case 7: console.log('Вихідний'); break; default: console.log('Робочий день'); }

4. Логічні оператори &&, ||, ??

Іноді можна замінити if логічними скороченнями.

&&: "і" (виконує друге, якщо перше true)

javascript
const isAdmin = true; isAdmin && console.log('Ласкаво просимо, адміне!');

Якщо isAdmin === true, виконається console.log.

||: "або" (повертає перше truthy значення)

javascript
const userName = '' || 'Гість'; console.log(userName); // "Гість"

Зручно для типових значень.

??: "nullish coalescing" (лише для null і undefined)

javascript
const userInput = null; const value = userInput ?? 'Типово'; console.log(value); // "Типово"

Відмінність від ||: не спрацьовує на 0, '', false.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Запропонувати правку