От автора: приветствую вас, друзья. В этой статье мы с вами начнем знакомиться с условными операторами в JavaScript. В частности, мы рассмотрим работу с условным оператором if. Начнем!
Одними из ключевых операторов в JavaScript являются условные операторы, в частности это оператор if. Именно с помощью условных операторов мы можем делать нашу программу нелинейной, т.е. она может выполняться в зависимости от исполнения или не исполнения того или иного условия.
Простой пример. Перед пользователем стоит выбор нажать кнопку Да или Нет. В зависимости от сделанного выбора мы должны выполнить тот или иной блок кода. Реализовать этот как раз и позволяют условные операторы.
Итак, как же записывается условие в JavaScript? Достаточно просто, вот определение простейшего условия:
|
1 |
if(условие) строка кода; |
Указанная строка кода выполнится только в том случае, если условие в скобках вернет истину (true). Если же условие вернет ложь (false), тогда указанная строка кода будет пропущена. И простейшая программа с проверкой пароля:
|
1 2 3 |
var password = '12345'; var result = prompt('Введите пароль', ''); if(result == password) alert('Пароль введен верно!'); |
Теперь модальное окно alert мы увидим только в том случае, если введем правильный пароль. Если по условию нам нужно выполнить более одной команды, тогда этот блок кода мы должны поместить в фигурные скобки:
|
1 2 3 4 |
if(result == password){ alert('Пароль введен верно!'); alert('Еще одна строка кода'); } |
Для улучшения читабельности кода рекомендуется всегда использовать фигурные скобки, даже если по условию необходимо выполнить только одну строку кода.
Хорошо, мы можем сообщить пользователю, что он верно ввел пароль, а как бы сообщить ему об ошибке, в случае неверного ввода. Фактически мы хотим реализовать ветвление кода, т.е. выполнить один код, если условие выполняется и другой — если не выполняется. Делается это добавлением блока else:
|
1 2 3 4 5 |
if(условие){ // если условие выполняется }else{ // если условие не выполняется } |
Если вы знакомы с английским, тогда вам должна быть понятна эта конструкция: if (англ. если), else (англ. иначе). Т.е. если условие выполняется — один код, иначе — другой код. Давайте сообщим пользователю об ошибке:
|
1 2 3 4 5 |
if(result == password){ alert('Пароль введен верно!'); }else{ alert('Ошибка!'); } |
Достаточно просто, не так ли? Также мы можем задавать несколько условий одновременно. Реализуется это добавлением комбинации else if:
|
1 2 3 4 5 6 7 |
if(условие 1){ // если условие 1 выполняется }else if(условие 2){ // если условие 2 выполняется }else{ // если не выполнилось ни одно условие } |
Как работает данная конструкция? Вначале проверяется истинность условия 1. Если оно выполняется, тогда выполняется блок кода для данного условия, а все прочие условия и их блоки кода пропускаются. Если условие 1 не выполняется, тогда проверяем истинность условия 2 и выполняем его блока кода в случае true. В противном случае выполнится блок кода else.
Таким образом мы можем создавать сколь угодно много дополнительных условий, хоть десяток при желании. Хотя на практике такие ветвления встречаются достаточно редко.
На этом мы завершаем статью. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!
