JavaScript с нуля

Использование инструкции switch

Не будем тянуть кота за хвост и сразу посмотрим на пример. Основа структуры инструкции switch выглядит так:

switch (expression) {

case value1:

statement;

break;

case value2:

statement;

break;

case value3:

statement;

break;

default:

statement;

break;

}

Всегда нужно помнить, что инструкция switch — это условная инструкция, проверяющая, является что-либоtrue или false, и не более того. Это что-либо, в свою очередь, является вариацией того, является ли результат вычисления выражения равным значению case. Чтобы прояснить этот момент, рассмотрим более подходящий пример:

let color = "green";

switch (color) {

case "yellow":

alert("yellow color");

break;

case "red":

alert("red color");

break;

case "blue":

alert("blue color");

break;

case "green":

alert("green color");

break;

case "black":

alert("black color");

break;

default:

alert("no known color specified");

break;

}

Здесь у нас есть переменная color, которой задано значение green:

let color = "green";

Мы также определяем переменную color в качестве выражения в инструкции switch:

switch (color) {

case "yellow":

alert("yellow color");

break;

case "red":

alert("red color");

break;

case "blue":

alert("blue color");

break;

case "green":

alert("green color");

break;

case "black":

alert("black color");

break;

default:

alert("no known color specified");

break;

}

Инструкция switch содержит коллекцию блоков case (случаев). При выполнении кода лишь один из этих блоков станет избранным. Выбор конкретного блока происходит путем сопоставления значения блока case с результатом вычисления выражения. В нашем случае, так как выражение вычисляется со значением green, будет выполнен код внутри блока case с тем же значением green:

switch (color) {

case "yellow":

alert("yellow color");

break;

case "red":

alert("red color");

break;

case "blue":

alert("blue color");

break;

case "green":

alert("green color");

break;

case "black":

alert("black color");

break;

default:

alert("no known color specified");

break;

}

Обратите внимание, что выполняется код, содержащийся только внутри блока case green. Так происходит благодаря ключевому слову break в конце этого блока. Когда выполнение кода достигает break, происходит выход из всего блока switch и код продолжает свое выполнение с участка, расположенного ниже. Если вы не указали ключевое слово break, то код продолжит выполняться внутри блока case green. Разница в том, что затем произойдет переход к следующему блоку case (в нашем примере black) и выполнению его кода. Таким же образом будут выполнены все последующие блоки case, если на пути не попадется другое ключевое слово break.

Таким образом, если вы запустите приведенный выше код, то увидите окно уведомления, как на рис. 4.6.

Рис. 4.6. Окно уведомления

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

switch (color) {

case "yellow":

alert("yellow color");

break;

case "red":

alert("red color");

break;

case "blue":

alert("blue color");

break;

case "green":

alert("green color");

break;

case "black":

alert("black color");

break;

default:

alert("no known color specified");

break;

}

Обратите внимание, что блок default выглядит немного иначе, чем другие инструкции case. Фактически в нем просто отсутствует слово case.