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