Урок 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 и научимся пользоваться циклами.