Конструкция switch case в JavaScript

Что такое switch в JavaScript, синтаксис и примеры

Оператор switch — это условная конструкция, которая позволяет сравнить значение одного выражения с несколькими возможными вариантами и выполнить соответствующий блок кода. Его можно представить, как диспетчера, который направляет выполнение программы по разным путям в зависимости от полученного сигнала.

Базовая структура инструкции switch выглядит так:

switch (выражение) {

  case значение1:

    // Код, который выполнится, если выражение === значение1

    break; // Важный оператор, о нем позже

  case значение2:

    // Код, который выполнится, если выражение === значение2

    break;

  // ... можно добавить сколько угодно case ...

  default:

    // Код, который выполнится, если ни один case не совпал

    // Этот блок необязателен

}

Давайте разберем компоненты:

1. Ключевое слово switch, за которым в круглых скобках идет выражение. Результат вычисления этого выражения будет сравниваться со значениями в case.
2. { ... } ― фигурные скобки обрамляют тело конструкции switch.
3. case значениеN: ― ключевое слово case, за которым идет конкретное значение, с которым сравнивается выражение. После значения ставится двоеточие (:).
4. break; ― оператор, который немедленно прерывает выполнение switch. Если его пропустить, произойдет проваливание к следующему case.
5. default: ― необязательный блок, который выполняется, если значение выражения не совпало ни с одним из case.

Представим, что у нас есть переменная level, обозначающая уровень доступа пользователя, и нам нужно вывести сообщение в зависимости от уровня.

let level = 'admin';

let message;

switch (level) {

  case 'admin':

    message = 'Полный доступ ко всем ресурсам.';

    break; // Выходим из switch после выполнения этого case

  case 'editor':

    message = 'Доступ к редактированию контента.';

    break;

  case 'user':

    message = 'Доступ только к просмотру.';

    break;

  default: // Если level не 'admin', 'editor' или 'user'

    message = 'Неизвестный уровень доступа.';

    // break здесь не обязателен, так как это последний блок

}

console.log(message); // Вывод: Полный доступ ко всем ресурсам.

В этом примере switch берет значение переменной level ('admin') и последовательно сравнивает его со значениями после case. Найдя совпадение с 'admin', он выполняет код внутри этого блока (message = ...;) и встречает break, который завершает работу switch.

Конструкция case

Каждый case внутри switch представляет собой одну ветку возможного выполнения.

• Значение после case может быть числом, строкой или любым другим значением, с которым будет сравниваться результат выражения из switch (...).
• Важно понимать, что switch использует строгое сравнение (===). Это значит, что сравниваются не только значения, но и их типы. Например, case 2: не сработает, если выражение равно строке '2'.
• Код, который следует после двоеточия (:) и до break (или до следующего case/default), выполняется только если выражение === значение в этом case.
• Как мы уже упомянули, break необходим для выхода из switch после выполнения кода нужного case. Без него выполнение провалится к следующему case, что редко бывает желаемым поведением, хотя и может использоваться намеренно, об этом ниже.

Пример кода без break, чтобы продемонстрировать проваливание:

let dayNumber = 2;

switch (dayNumber) {

  case 1:

    console.log("Понедельник");

    // Нет break!

  case 2:

    console.log("Вторник");

    // Нет break!

  case 3:

    console.log("Среда");

    break; // Выход здесь

  default:

    console.log("Другой день");

}

// Вывод:

// Вторник

// Среда

Поскольку после case 2: нет break, выполнение продолжается в case 3:, и только там встречает break, который останавливает процесс.

Особенности работы с конструкцией switch

Теперь углубимся в некоторые важные детали и возможности switch.

Строгое сравнение (===)

Switch всегда выполняет строгое сравнение.

let value = '1';

switch (value) {

  case 1: // Число 1

    console.log('Это число 1');

    break;

  case '1': // Строка '1'

    console.log('Это строка "1"'); // Сработает этот case

    break;

  default:

    console.log('Не совпало');

}

Важность break

Отсутствие break приводит к проваливанию. Это означает, что после нахождения совпадения и выполнения кода в case выполнение продолжится со следующего case (или default), игнорируя его условие, пока не встретится break или конец switch. Чаще всего это ошибка, поэтому всегда ставьте break, если не хотите такого поведения.

Группировка case

Иногда нужно выполнить один и тот же код для нескольких разных значений. Этого можно достичь, сгруппировав case без break между ними.

let fruit = 'Яблоко';

let type;

switch (fruit) {

  case 'Яблоко':

  case 'Груша':

  case 'Айва':

    type = 'Семечковый фрукт';

    break; // Выход после нахождения любого из трех

  case 'Апельсин':

  case 'Лимон':

    type = 'Цитрус';

    break;

  default:

    type = 'Другой тип';

}

console.log(`${fruit} - это ${type}`); // Вывод: Яблоко - это Семечковый фрукт

Здесь, если fruit равен 'Яблоко', 'Груша' или 'Айва', будет выполнен один и тот же код (type = 'Семечковый фрукт';), так как между этими case нет break.

Блок default

Он необязателен. Если его нет и ни один case не совпал, switch просто завершит работу без выполнения какого-либо блока. Обычно default размещают в конце, но синтаксически он может находиться где угодно. Однако, если default не последний, после него обязательно нужен break, чтобы предотвратить проваливание в следующие case. Но лучшая практика — ставить default в конце.

Выражения в case

Хотя чаще всего после case идут простые значения (числа, строки), там теоретически могут быть и выражения, результат которых будет сравниваться с выражением в switch. Однако это используется реже и может ухудшать читаемость по сравнению с if/else if.

Заключение

Конструкция switch case в JavaScript — это удобный инструмент для обработки ситуаций, когда нужно выполнить разные действия в зависимости от конкретного значения переменной.

Ключевые моменты:

• switch сравнивает одно выражение с несколькими case.
• Используется строгое сравнение (===).
• break необходим для выхода из switch после выполнения нужного case, иначе произойдет проваливание.
• default обрабатывает случаи, когда ни один case не совпал.
• Группировка case (без break между ними) позволяет выполнить один код для нескольких значений.

Используйте switch, когда у вас есть четкий набор дискретных значений для сравнения. Для проверки диапазонов или более сложных логических условий часто лучше подходит if...else if...else.