Оператор switch в JavaScript

Определение и использование

Оператор switch является частью

Предложение switch вычисляет выражение. Затем значение выражения сравнивается с каждым значением case в структуре. Если совпадение, то выполняется связанный блок кода.

Предложение switch обычно используется с keyword break или default (или обоими), эти являются опциональными:

Ключевое слово break выводит из блока switch. Это останавливает выполнение более кода и/или тестирование случая в блоке. Если пропущен break, то выполняется следующий код блока в switch.

Если none из case не совпадает, ключевое слово default указывает на выполнение некоторых кодов. В одном switch может быть только один keyword default. 虽然 это опционально, но рекомендуется использовать его, так как он может обработать неожиданные случаи.

Example

Выполнение кода блока в зависимости от ввода пользователя:

var text;
var fruits = document.getElementById("myInput").value;
switch(fruits) {
  case "Banana":
    text = "Банан хорош!";
    break;
  case "Orange":
    text = "Я не фанат апельсина.";
    break;
  case "Apple":
    text = "Как тебе эти яблоки?";
    break;
  default:
    text = "Я никогда не слышал о том фрукте...";
}

Try it yourself

Более примеров TIY внизу страницы.

Грамматика

switch(expression) {
  case n:
    блок кода
    break;
  case n:
    блок кода
    break;
  default:
    блок кода по умолчанию
}

Значение параметра

Параметр Описание
expression Обязателен. Укажите выражение для вычисления. Выражение будет вычислено один раз. Значение выражения будет сравнено с значениями каждого тега case в структуре. Если совпадение, то выполняется соответствующий код.

Технические детали

Версия JavaScript: ECMAScript 1

Более примеров

Example

Использование сегодняшнего номера weekday для вычисления названия weekday (воскресенье=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 = "Friday";
    break;
  case 6:
    day = "Saturday";
    break;
  default:
    day = "Unknown Day";
}

Try it yourself

Example

If today is neither Saturday nor Sunday, write a default message:

var text;
switch (new Date().getDay()) {
  case 6:
    text = "Today is Saturday";
    break; 
  case 0:
    text = "Today is Sunday";
    break; 
  default: 
    text = "Looking forward to the Weekend";
}

Try it yourself

Example

Sometimes you may want different cases to use the same code or the same default value.

Please note that in this example, cases share the same code block, and the default case does not have to be the last case in the switch block (but if the default is not the last case in the switch block, remember to end it with a break).

var text;
switch (new Date().getDay()) {
  case 1:
  case 2:
  case 3:
  default: 
    text = "Looking forward to the Weekend";
    break; 
  case 4:
  case 5:
    text = "Soon it is Weekend";
    break; 
  case 0:
  case 6:
    text = "It is Weekend";
}

Try it yourself

Example

Execute the code block using the switch statement based on the user input from the prompt box:

var text;
var favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
  case "Martini":
    text = "Excellent choice! Martini is good for your soul.";
    break;
  case "Daiquiri":
    text = "Daiquiri is my favorite too!";
    break;
  case "Cosmopolitan":
    text = "Really? Are you sure the Cosmopolitan is your favorite?";
    break;
  default:
    text = "I have never heard of that one..";
}

Try it yourself

Browser support

Statement Chrome IE Firefox Safari Opera
switch Supported Supported Supported Supported Supported

Related pages

Уроки JavaScript:JavaScript If...Else statement

Уроки JavaScript:Указание Switch в JavaScript

Руководство JavaScript:Указание if/else в JavaScript

Руководство JavaScript:Указание break в JavaScript