Оператор switch
Выполнить блок кода на основе ввода пользователя:
var text;
var fruits = document.getElementById("myInput").value;
switch(fruits) {
case "Банан":
text = "Банан хорош!";
break;
case "Апельсин":
text = "Я не фанат Апельсин.";
break;
case "Яблоко":
text = "Как вам нравятся Яблоки?";
break;
default:
text = "Я никогда не слышал об этом фрукте...";
}
Попробуйте сами »
Ещё примеры "Попробуйте сами" ниже.
Описание
Оператор switch выполняет блок кода в зависимости от разных случаев.
Оператор switch является частью "Условного" оператора JavaScript. Операторы, которые используются для выполнения разных действий в зависимости от разных условий. Используйте switch, чтобы выбрать один из множества блоков кода для выполнения. Это идеальное решение для длинных вложенных операторов if/else.
Оператор switch оценивает выражение. Затем значение выражения сравнивается со значениями каждого случая в структуре. Если есть совпадение, соответствующий блок кода выполняется.
Оператор switch часто используется вместе с разрывом или ключевым словом по умолчанию (или с тем и другим). Оба эти параметра являются необязательными:
Ключевое слово break выходит за пределы блока switch. Это остановит дальнейшее выполнение кода и/или тестирование случая внутри блока. Если параметр break пропущен, выполняется следующий блок кода в инструкции switch.
Ключевое слово default указывает некоторый код, который будет выполняться, если совпадения регистра нет. В switch может быть одно ключевое слово по умолчанию. Хотя это и необязательно, использовать его рекомендуется, поскольку он позволяет избежать непредвиденных случаев.
Синтаксис
switch(expression) {
case n:
блок кода
break;
case n:
блок кода
break;
default:
блок кода по умолчанию
}
Значения параметров
| Параметр | Описание |
|---|---|
| expression | Обязательно. Указывает выражение, которое необходимо оценить. Выражение вычисляется один раз. Значение выражения сравнивается со значениями каждой метки варианта в структуре. Если совпадение есть, соответствующий блок кода выполняется |
Ещё примеры
Используйте номер сегодняшнего дня недели, чтобы вычислить название дня недели. (Воскресенье=0, Понедельник=1, Вторник=2, ...):
var day;
switch (new Date().getDay()) {
case 0:
day = "Воскресенье";
break;
case 1:
day = "Понедельник";
break;
case 2:
day = "Вторник";
break;
case 3:
day = "Среда";
break;
case 4:
day = "Четверг";
break;
case 5:
day = "Пятница";
break;
case 6:
day = "Суббота";
break;
default:
day = "Неизвестный день";
}
Попробуйте сами »
Если сегодня ни Суббота, ни Воскресенье, напишите стандартное сообщение:
var text;
switch (new Date().getDay()) {
case 6:
text = "Сегодня Суббота";
break;
case 0:
text = "Сегодня Воскресенье";
break;
default:
text = "С нетерпением жду выходных";
}
Попробуйте сами »
Иногда вам может потребоваться, чтобы в разных случаях использовался один и тот же код или использовался общий код по умолчанию.
Обратите внимание, что в этом примере используют один и тот же блок кода, и что "Day" по умолчанию не обязательно должен быть последним случаем в блоке switch (однако, если default НЕ является последним регистром в блоке switch, не забудьте закончить его пробелом).
var text;
switch (new Date().getDay()) {
case 1:
case 2:
case 3:
default:
text = "С нетерпением жду выходных";
break;
case 4:
case 5:
text = "Скоро выходные";
break;
case 0:
case 6:
text = "Это выходные";
}
Попробуйте сами »
Использование оператора switch для выполнения блока кода на основе ввода пользователя из окна подсказки:
var text;
var favDrink = prompt("Какой ваш любимый коктейльный напиток?");
switch(favDrink) {
case "Мартини":
text = "Прекрасный выбор! Мартини полезен для души.";
break;
case "Дайкири":
text = "Дайкири is my favorite too!";
break;
case "Cosmopolitan":
text = "Действительно? Вы уверены, что Космополитен вам больше всего нравится?";
break;
по умолчанию:
text = "Я никогда не слышал о таком..";
}
Попробуйте сами »
Похожие страницы
JavaScript Учебник: JavaScript If...Else Заявления
JavaScript Учебник: JavaScript switch Заявление
JavaScript Справочник: JavaScript if/else Заявление
JavaScript Справочник: JavaScript break Заявление
Поддержка браузера
switch — это функция ECMAScript1 (ES1).
ES1 (JavaScript 1997) полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |