Loftschool школа онлайн обучения IT профессиям
Профессии
  • Веб-разработчик
  • Frontend разработчик
  • Backend разработчик
  • Full Stack разработчик
  • Интернет-маркетолог
  • Android-разработчик
  • UX/UI Дизайнер
Курсы
          • Основы вёрстки
          • Веб для начинающих
          • JavaScript
          • Vue.js
          • React.js
          • Node.js
          • PHP
          • Контекстная реклама
          • SMM
          • SEO для всех
          • Android: базовый
          • Android: продвинутый
          • UX/UI-дизайн: базовый
          • UX/UI-дизайн: PRO
          • Python для начинающих
          • Python: машинное обучение
        Профессия Дизайнер со скидкой
        -20%
        До конца акции:
        15
        01
        11
        Дней
        Часов
        Минут
        • Главная
        • Блог
        • Статьи
        • Урок 2. Основы JavaScript. Оператор «if»
        Полезный блог
        Статьи
        Опубликовано 09.12.2020 14:47

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

          Поделись публикацией

          Категории

          • Все записи блога
            • Трудоустройство
              • Истории выпускников LoftSchool
              • Полезные советы
            • Полезные ссылки
              • Книги
              • Инструменты
            • Новости школы
              • Команда LoftSchool
              • Информация о курсах
            • Статьи
              • Архив материалов
                • DevNews
                • DevShow
                • Loftnews
                • Loftschool
                • Loftvlog
                • Интервью
                • Видеоуроки
              • © 2012 - 2023 LOFT

                Школа онлайн образования

              • © 2012 - 2023 LOFT

                Школа онлайн образования

                • +7 (800) 600 09 54
                • +7 (812) 339 22 01
                • [email protected]
                УчастникSkolkovo
              • Полезная рассылка

                Подпишись, чтобы быть в курсе наших новостей, акций и скидок.

              • Полезное
                • О нас
                • Карта курсов
                • B2B
                • Работодателям
                • Партнерская программа
                • Вакансии
                • Стать автором
                • Подарочные сертификаты
                • Вебинары
                • Блог
                • FAQ
              • Информация
                • Публичная оферта портала
                • Политика конфиденциальности
                Безопасная передача данных