JS оператор switch

Загальний опис

switch — це умовна конструкція, яка дозволяє виконувати різні фрагменти коду залежно від значення виразу. Вона працює шляхом послідовного порівняння виразу з кожним з вказаних case. Якщо збіг знайдено, виконується відповідний блок коду. Конструкція завершується після ключового слова break, яке запобігає виконанню наступних блоків. Якщо жоден із випадків (case) не збігається, виконується блок default, якщо він заданий.

Наприклад, для перевірки дня тижня:

const day = "Monday";
switch (day) {
    case "Monday":
        console.log("Початок робочого тижня");
        break;
    case "Friday":
        console.log("Час розслабитись");
        break;
    default:
        console.log("Це звичайний день");
}

Особливість конструкції switch полягає в тому, що порівняння значень виконується жорстко (===), тому різні типи даних не призводять до збігу. Наприклад, 1 і "1" не вважаються рівними.

Якщо пропустити break, виконання коду перейде до наступного блоку, навіть якщо значення не збігаються:

const fruit = "apple";
switch (fruit) {
    case "apple":
        console.log("Яблуко");
    case "orange":
        console.log("Апельсин");
        break;
}
// Виведе: "Яблуко", "Апельсин"

Ця поведінка може використовуватися для об’єднання кількох case для однієї дії.

правити

Порада

Переконайтеся, що ви додаєте break після кожного блоку. Винятки можна робити тільки свідомо, наприклад, коли потрібно, щоб код «провалився» у наступний випадок.

автор: Bond правити

Порада

Використовуйте default, навіть якщо здається, що всі можливі випадки враховані. Це корисно для обробки неочікуваних або невідомих значень, наприклад:

switch (status) {
    case "active":
        console.log("Активний");
        break;
    default:
        console.log("Невідомий статус");
}

автор: Bond правити

Порада

Не використовуйте switch, якщо кількість умов дуже велика. У таких випадках краще застосовувати об'єкти або функціональний підхід. Наприклад:

const actions = {
    Monday: () => console.log("Понеділок"),
    Friday: () => console.log("П’ятниця"),
};
(actions[day] || (() => console.log("Невідомий день")))();

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

switch (вираз) {
    case значення1:
        // Код для значення1
        break;
    case значення2:
        // Код для значення2
        break;
    default:
        // Код за замовчуванням
}

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	4	12

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	0.10.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

function calculator(a, b, operation) {
    switch (operation) {
        case "add":
            return a + b;
        case "subtract":
            return a - b;
        case "multiply":
            return a * b;
        case "divide":
            return b !== 0 ? a / b : "Помилка: ділення на нуль";
        default:
            return "Невідома операція";
    }
}
console.log(calculator(4, 2, "add")); // 6
console.log(calculator(4, 0, "divide")); // Помилка: ділення на нуль

function handleResponse(status) {
    switch (status) {
        case 200:
            return "OK";
        case 404:
            return "Not Found";
        case 500:
            return "Server Error";
        default:
            return "Unknown Status";
    }
}
console.log(handleResponse(200)); // OK
console.log(handleResponse(403)); // Unknown Status