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. Удачи!

Курс по 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