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

Покращити цю статтю

Допрацюйте відповідь до «Умовні конструкції». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

## 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`.

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати304 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.