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: машинное обучение
        • Главная
        • Блог
        • Статьи
        • Урок 3. Основы JavaScript. Оператор «for»
        Полезный блог
        Статьи
        Опубликовано 15.12.2020 08:33

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

        Цикл понадобится, чтобы выполнить какую-то часть кода несколько раз друг за другом с разными или одними и теми же значениями. Он запускается с помощью условного оператора for.

        Из чего состоит цикл

        Чтобы цикл заработал, после обозначения ключевого слова for мы прописываем в круглых и фигурных скобках такие его части:

        В круглых:

        — начальное значение – часть инициализации, где переменной присваивается вводное значение. Эта часть выполняется лишь 1 раз, а затем модифицируется;

        — условие – с этим условием сравнивается значение переменной, и пока значение истинно (true) будет выполняться тело цикла;

        — модификация начального значения – часть, где указывается как необходимо преобразовать начальное значение после каждого прохождения тела цикла.

        В фигурных:

        — тело цикла – что необходимо выполнить.

        В виде кода это выглядит так:

        for (начальное значение; условие; модификация начального значения) {
           тело цикла;
        }

        Справка! Значения в круглых скобках разделяются точкой с запятой.

        Пример

        Напишем простой цикл:

        for (let i = 0; i < 3; i++) {
           console.log(i);
        }
        
        

        В данном цикле мы написали:

        — начальное значение – переменная i равна 0;

        — условие – пока значение переменной i меньше 3, нужно выполнять цикл;

        — модификация – после каждого прохождения цикла необходимо увеличить значение переменной i на единицу и повторить все шаги заново. 

        Компьютер выполнит его так:

        1. Возьмёт начальное значение i = 0.

        2. Сравнит его с условием i < 3. Определит логическое выражение как истину.

        3. Выполнит тело цикла – выведет в консоль значение i – 0.

        4. Перейдёт к модификации, увидит, что необходимо увеличить начальное значение на 1. Сделает это.

        5. Трансформирует значение 0 в значение 1.

        6. Сравнит его с условием  i < 3. Определит логическое выражение как истину.

        7. Выполнит тело цикла – выведет в консоль значение i – 1.

        8. Снова перейдёт к модификации и увеличит последнее значение i еще на 1.

        9. Трансформирует 1 в значение 2.

        10. Сравнит его с условием  i < 3. Определит логическое выражение как истину.

        11. Выполнит тело цикла – выведет в консоль значение i – 2.

        12. Снова проведет модификацию и изменит значение с 2 на 3.

        13. Сравнит его с условием  i < 3. Теперь логическое выражение определяется как ложное. Поэтому тело цикла больше выполняться не будет. 

        14. Цикл остановится и программа продолжит делать тот код, который мы напишем после цикла.

        Все шаги, которые выполняет компьютер, мы не увидим. В консоль выводятся только результаты каждого выполненного цикла:

        0
        1
        2

        Благодаря условной части мы управляем циклом – он повторяется до тех пор, пока выполняется поставленное нами условие. Так мы контролируем количество циклов.

        Мы используем 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
              • Информация
                • Публичная оферта портала
                • Политика конфиденциальности
                Безопасная передача данных