JavaScript - Switch Case: A Beginner's Guide

Привет, будущая звезда кодирования! Готовы узнать о одном из coolest инструментов принятия решений в JavaScript? Затяните ремни, потому что мы собираемся окунуться в чудесный мир операторов Switch Case!

Что такое Switch Case?

Прежде чем мы углубимся в Details, давайте начнем с простой аналогии. Представьте, что вы в冰淇淋ном магазине и должны выбрать flavor. Вы могли бы использовать кучу операторов "if-else" для принятия решения, но это было бы как если бы вы спросили официанта: "Это ваниль? Нет? Это巧克力? Нет? Это клубника?" и так далее. Не было бы ли проще просто сказать: "Какой у него вкус?" и выбрать на основе ответа? Именно это и делает Switch Case!

Диаграмма потока

Чтобы визуализировать, как работает Switch Case, давайте посмотрим на диаграмму потока:

[Start]
|
v
[Check Expression]
|
______|_______
|      |       |
v      v       v
[Case 1][Case 2][Case 3]...
|      |       |
v      v       v
[Action 1][Action 2][Action 3]...
|      |       |
|______|_______|
|
v
[Default]
|
v
[End]

Эта диаграмма показывает, как Switch Case evaluates an expression и затем выполняет соответствующий блок case. Если не найдено соответствующего случая, он выполняет блок по умолчанию (если он указан).

Синтаксис

Теперь давайте разберем синтаксис оператора Switch Case:

switch(expression) {
case value1:
// код для выполнения
break;
case value2:
// код для выполнения
break;
case value3:
// код для выполнения
break;
...
default:
// код для выполнения, если не найдено соответствующего случая
}

Вот что означает каждая часть:

• switch(expression): Здесь мы放置им значение, которое хотим проверить.
• case value: Это возможные соответствующие значения для выражения.
• // код для выполнения: Это то, что происходит, если случай соответствует.
• break: Этот ключевой слова tells JavaScript выйти из блока switch после выполнения соответствующего случая.
• default: Это как "else" в операторе if-else. Он выполняется, если не найдено соответствующего случая.

Примеры

Давайте окунемся в несколько примеров, чтобы увидеть, как работает Switch Case!

Пример 1: Дни недели

let day = 3;
let dayName;

switch (day) {
case 1:
dayName = "Monday";
break;
case 2:
dayName = "Tuesday";
break;
case 3:
dayName = "Wednesday";
break;
case 4:
dayName = "Thursday";
break;
case 5:
dayName = "Friday";
break;
case 6:
dayName = "Saturday";
break;
case 7:
dayName = "Sunday";
break;
default:
dayName = "Invalid day";
}

console.log(dayName); // Вывод: Wednesday

В этом примере мы используем Switch Case для преобразования номера дня в его соответствующее имя. Вот что происходит:

1. Мы устанавливаем day в 3.
2. Оператор switch проверяет значение day.
3. Он находит соответствие в case 3.
4. Он устанавливает dayName в "Wednesday".
5. Ключевое слово break выходит из блока switch.
6. Наконец, мы выводим dayName в консоль.

Пример 2: Система оценок

Давайте создадим простую систему оценок:

let grade = 'B';
let message;

switch(grade) {
case 'A':
message = "Excellent job!";
break;
case 'B':
message = "Great work!";
break;
case 'C':
message = "Good effort!";
break;
case 'D':
message = "You need to study more.";
break;
case 'F':
message = "Please see me after class.";
break;
default:
message = "Invalid grade";
}

console.log(message); // Вывод: Great work!

В этом примере:

1. Мы устанавливаем grade в 'B'.
2. Оператор switch проверяет значение grade.
3. Он находит соответствие в case 'B'.
4. Он устанавливает message в "Great work!".
5. Ключевое слово break выходит из блока switch.
6. Мы выводим message в консоль.

Пример 3: Множественные случаи

Иногда вы можете хотите, чтобы разные случаи имели один и тот же результат. Вот как это сделать:

let fruit = "apple";
let category;

switch(fruit) {
case "apple":
case "pear":
case "banana":
category = "common fruit";
break;
case "mango":
case "papaya":
category = "tropical fruit";
break;
default:
category = "unknown fruit";
}

console.log(category); // Вывод: common fruit

В этом примере:

1. Мы устанавливаем fruit в "apple".
2. Оператор switch проверяет значение fruit.
3. Он находит соответствие в первом case "apple".
4. Поскольку нет ключевого слова break, он продолжает следующую строку.
5. Он устанавливает category в "common fruit".
6. Ключевое слово break затем выходит из блока switch.

Методы Switch Case

Вот таблица связанных с Switch Case методов и их описаний:

Метод	Описание
switch	Начинает оператор switch
case	Определяет случай в операторе switch
break	Выходит из блока switch
default	Определяет случай по умолчанию, если не найдено других соответствующих случаев

помните, что Switch Case предназначен для того, чтобы сделать ваш код более читаемым и эффективным, когда у вас есть много условий для проверки. Это как диспетчер движения, направляющий ваш код в нужное место на основе конкретного значения.

Так что, у вас теперь есть сила Switch Case! Помните, что практика делает мастера, поэтому try creating свои собственные операторы Switch Case. Может быть, создайте увлекательную игру, где разные choices приведут к разным результатам. Возможности безграничны!

Счастливого кодирования, и пусть Switch Case будет с вами! ??

Credits: Image by storyset