JavaScript. Оператор switch

JavaScript. Оператор switch

От автора: приветствую вас друзья. В этой статье мы с вами продолжим тему условных операторов в JavaScript и познакомимся с еще одним — это оператор switch. Начнем!

Итак, чем же может быть нам полезен еще один условный оператор в JavaScript? По сути оператор switch является неким переключателем выражений, которые выполнятся в зависимости от истинности условия. Он немного удобнее конструкции if…else if…else и используется чаще всего там, где необходимо проверить сразу несколько условий.

Чтобы было понятнее, давайте посмотрим на пример:

var a = 10;
if(a == 1){
 alert('a = 1');
}else if(a == 2){
 alert('a = 2');
}else if(a == 3){
 alert('a = 3');
}else{
 alert('a > 3');
}

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

var a = 10;
switch(a){
 case 1:
  alert('a = 1');
 break;
 case 2:
  alert('a = 2');
 break;
 case 3:
  alert('a = 3');
 break;
 default:
  alert('a > 3');
}

Кода меньше не стало. Наоборот, кода стало даже больше. Но, на мой взгляд, код стал чуть боле читабельным. Выбирать вам, можете использовать if, можете switch, что вам удобнее.

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

Узнать подробнее

При использовании оператора switch стоит обратить внимание на следующий момент — сравниваются значения строгим равенством, т.е. проверка идет не только по значению, но и по типу. И пример, чтобы было понятнее:

var a = 1;
switch(a){
 case 1:
  alert('a = 1');
 break;
 default:
  alert('a > 1');
}

В результате выполнения данного кода мы увидим alert a = 1. А теперь давайте так:

var a = 1;
switch(a){
 case '1':
  alert('a = 1');
 break;
 default:
  alert('a > 1');
}

Теперь же выполнится код из блока default, который по сути является аналогом else в конструкции if…else. Почему так? Да потому что значения совпадают: 1 = ’1′, а вот типы — нет: число 1 не тождественно числовой строке ’1′.

На этом мы завершаем статью. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Курс по JavaScript: основы

Изучите JavaScript с нуля до результата!

Смотреть курс

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree