Урок 2. Основы JavaScript. Оператор «if»

Программа, написанная на каком-либо языке программирования, представляет собой алгоритм действий. Существуют три вида алгоритмов: линейный, цикл и ветвление. В программе они комбинируются между собой. Линейный последовательно выполняет части кода друг за другом. А ветвление и цикл позволяют программе выполнять разный код или один и тот же код несколько раз, в зависимости от условия (условного оператора). И для этого нужны специальные управляющие конструкции. В JavaScript это if и for. В этом уроке мы поговорим про оператор if.

Задаём условия

Оператор if позволяет задать условие, при котором алгоритм направляется в ту или иную сторону – происходит ветвление:

Как выглядит конструкция:

1. После ключевого слова if мы ставим круглые скобки, где записываем условие: if ().

2. Затем открываем фигурные скобки {} и указываем код, который сработает, если условие, указанное в круглых скобках, выполняется.

Например, возьмём переменную name со значением 'Сергей', которую мы уже создавали в прошлом уроке, и попросим алгоритм сработать так: «Если name равно ’Сергей’, то выведи в консоль ’да’»:

let name = 'Сергей';
if (name == 'Сергей') {
   console.log('да');
}

Справка! Для операции сравнения необходимо поставить двойной знак равенства, так как одинарный в JS используется для присваивания значений.

Поскольку условие выполняется, мы увидим в консоли «да»:

"да"

Что будет, если сделать условие ложным? Для этого исправим значение переменной name на 'Иван' и выполним тот же алгоритм:

let name = 'Иван';
if (name == 'Сергей') {
   console.log('да');
}

При сравнении происходит такой процесс:

1. Интерпретатор берёт условие «name == ’Сергей’» и проверяет его: подставляет вместо name значение переменной – 'Иван'.

2. Видит, что 'Иван' не равно 'Сергей', понимает, что это утверждение неверно. 

3. 'да' в этом случае он вывести не может. А так как мы не задали часть кода, которая бы выполнялась при ложности условия, то в консоль не выводится ничего.

Давайте зададим код, который выполнится, если условие будет неверным. Для этого нужно ключевое слово else. После него в фигурных скобках указывается часть кода, которую необходимо выполнить, если условие в круглых скобках после if не выполнено:

let name = 'Иван';
if (name == 'Сергей') {
   console.log('да');
} else {
   console.log('нет');
}

Теперь в консоль выводится 'нет':

"нет"

Где используется

Простой пример использования условного оператора if – поисковый сервис с текстовым полем и кнопкой «Поиск». При нажатии на кнопку, необходимо проверить, ввёл ли пользователь какие-либо данные в строку или нет. Если да – запрос отправляется на поисковый сервер, если нет – выводится сообщение об ошибке.

Представим, что значение из строки поиска сохраняется в переменную search:

— Если пользователь ничего не ввёл, то let search = '';

— Если запрос введён, то let search = 'Любой запрос';

Допустим, пользователь ничего не ввёл. Тогда код выглядит так:

let search = ''
if (search == '') {
   console.log('Пожалуйста, введите запрос');
} else {
  console.log('Идёт поиск...');
}

Результат в консоли:

"Пожалуйста, введите запрос"

Мы можем использовать if везде, где необходимо прописать ветвление, в зависимости от каких-либо условий. Это позволяет программе быть вариативной и по-разному реагировать на действия пользователя.

В следующем уроке мы разберём оператор for и научимся пользоваться циклами.