Тернарный оператор JavaScript

Тернарный оператор JavaScript

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

Итак, начнем. Тернарный оператор записывается вопросительным знаком (?). Этот оператор является альтернативным вариантов конструкции if…else. В чем же смысл использования тернарного оператора? Он позволяет немного сократить ваш код, фактически записывая условие в одну строчку кода.

Давайте посмотрим пример. Мы определяем простейшее условие проверки пароля из примера в предыдущей статье.

var password = '12345';
var result = prompt('Введите пароль', '');
if(result == password){
	alert('Пароль введен верно!');
}else{
	alert('Ошибка!');
}

Условная конструкция заняла четыре строки кода, которые при желании можно сократить до двух строк:

if(result == password) alert('Пароль введен верно!');
else alert('Ошибка!');

Тернарный оператор позволяет сократить условие до одной строки:

result == password ? alert('Пароль введен верно!') : alert('Ошибка!');

Результат выполнения кода будет тем же. На первый взгляд может быть не сразу понятна работа с этим условным оператором, но на самом деле все достаточно просто, посмотрите на его синтаксис:

условие ? код, если условие выполняется : код, если условие не выполняется;

Фактически тернарный оператор (?) спрашивает что-то и, если ответ Да, тогда выполнится код, который идет после оператора, если же ответ Нет, тогда выполняется код, который идет после двоеточия (:).

Ну и, конечно же, результат работы тернарного оператора JavaScript можно записать в переменную, чтобы работать с ним далее:

var access = (result == password) ? 'Пароль введен верно!' : 'Ошибка!';
alert(access);

Обратите внимание, я заключил условие в скобки. Делать так не обязательно, но я специально это сделал, поскольку, как мне кажется, это немного улучшило читабельность кода. Вот, собственно, и все, что вам пока следует знать о тернарном операторе JavaScript. К слову, этот условный оператор, как и оператор if, есть не только в JavaScript. К примеру, они есть также и в PHP, при этом их синтаксис идентичен. Поэтому, поняв работу условных операторов JavaScript, можно считать, что вы знакомы с работой этих операторов и в PHP.

На этом мы завершаем нашу статью. Если вы хотите больше узнать о 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