Профессии
  • Веб-разработчик
  • 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: машинное обучение
        Видеокурсы
        • Как войти в IT
        • Ember.js
        • Верстка - быстрый старт
        • WordPress
        • Figma и Sketch
        • Все видеокурсы
          • Веб-разработчик
          • 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: машинное обучение
                • Все записи блога
                • Истории выпускников LoftSchool
                • Полезные советы
                • Книги
                • Инструменты
                • Команда LoftSchool
                • Информация о курсах
                • Статьи
              • Видеокурсы
              • Главная
              • Блог
              • Статьи
              • Урок 3. Основы JavaScript. Оператор «for»

              Полезный блог

              Статьи
              Опубликовано 15.12.2020 11: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
                  • Информация о курсах
                • Статьи
                  • © 2012 - 2022 LOFT

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

                  • © 2012 - 2022 LOFT

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

                    • +7 (800) 600 09 54
                    • +7 (812) 339 22 01
                    • info@loftschool.com
                  • Полезная рассылка

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

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