Онлайн-курсы по JavaScript
Выбрать другой урок из курса
Теория урока

Условные инструкции: инструкция switch

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

Пример 1
switch (a) {

case 1: /* Если a === 1 */
/* инструкции */
break; /* Разрыв / выход из switch */
case 2: /* Если a === 2 */
/* инструкции */
break; /* Разрыв / выход из switch */
default: /* Если предыдущие условия не выполнились */
/* инструкции */
break; /* Разрыв / выход из switch */
}

Теперь разберемся с этим кодом. Когда выполняется инструкция switch, то она вычисляет значение, а затем ищет case с таким же значением. Причем проверяет на идентичность (===), а не на равенство. Если нужный case найдет, то выполнится этот case. Если нужный case не найден, то выполняется ветка default. Обязательно нужно писать break в конце каждого блока case, иначе switch выполнит этот блок case и продолжит выполнять дальше, пока не будет найден конец. Чтобы понять это, рассмотрим пример:

Пример 2
var a = 'Привет';

switch (a) {
case 'Привет':
document.write('И тебе привет <br>');
case 'Пока':
document.write('И тебе пока <br>');
default:
document.write('Что? <br>');
}

Нужно было вывести только И тебе привет, а вывело все фразы. А теперь добавим break и проверим результат:

Пример 3
var a = 'Привет';

switch (a) {
case 'Привет':
document.write('И тебе привет <br>');
break;
case 'Пока':
document.write('И тебе пока <br>');
break;
default:
document.write('Что? <br>');
break;
}

Как лучше сделать, если значение разное, но выводить все равно одно и то же? Пример:

Пример 4
var a = 'Привет';

switch (a) {
case 'Привет':
case 'Приветик':
document.write('И тебе привет <br>');
break;
case 'Пока':
document.write('И тебе пока <br>');
break;
default:
document.write('Что? <br>');
break;
}

Теперь перепишем нашу последнюю конструкцию на if:

Пример 5
var a = 'Привет';

if (a === 'Привет' || a === 'Приветик') {
document.write('И тебе привет <br>');
}
else if (a === 'Пока') {
document.write('И тебе пока <br>');
}
else {
document.write('Что? <br>');
}
<
×
>
Внимание! Впервые на этом сайте?

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Вы можете начать изучение прямо сейчас, кликнув на ссылки: HTML, CSS, JavaScript, C++, PHP, jQuery, Python, Bootstrap 3

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно