JavaRush /Курсы /Модуль 1: Web Core /Циклы в JavaScript

Циклы в JavaScript

Модуль 1: Web Core
17 уровень , 5 лекция
Открыта

6.1 Цикл while

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

Цикл while выполняет блок кода до тех пор, пока условие истинно (true).

Синтаксис:

    
      while (condition) {
        // код, который выполнится, пока условие истинно
      }
    
  

Пример:

JavaScript
    
      let i = 0;
      while (i < 5) {
        console.log(`Итерация номер ${i}`);
        i++;
      }

      // Вывод:
      // Итерация номер 0
      // Итерация номер 1
      // Итерация номер 2
      // Итерация номер 3
      // Итерация номер 4
    
  

В этом примере:

  • Цикл продолжает выполнение, пока значение i меньше 5
  • Внутри цикла значение i увеличивается на 1 после каждой итерации

6.2 Выполняем блок кода n раз

Очень часто возникает ситуация, когда блок кода нужно выполнить фиксированное количество раз. Этот код можно записать в виде цикла while:

    
      let i = 0;
      while (i < 5) {
        console.log(`Итерация номер ${i}`);
        i++;
      }
    
  

В общем виде оно будет выглядеть так:

    
      инициализация
      while (условие) {
        блок кода
        шаг
      }
    
  

6.3 Цикл for

Цикл for

Цикл for — один из самых часто используемых циклов в JavaScript. Он специально создан для того, чтобы повторять блок кода определенное количество раз.

Синтаксис:

    
      for (инициализация; условие; шаг) {
        // код, который выполнится на каждой итерации
      }
    
  

Пример:

JavaScript
    
      for (let i = 0; i < 5; i++) {
        console.log(`Итерация номер ${i}`);
      }
      // Вывод:
      // Итерация номер 0
      // Итерация номер 1
      // Итерация номер 2
      // Итерация номер 3
      // Итерация номер 4
    
  

Пояснение:

  • let i = 0 — инициализация переменной i, которая будет счетчиком итераций
  • i < 5 — условие, при котором цикл продолжает выполнение. Цикл остановится, когда i станет равно 5
  • i++ — шаг, который выполняется после каждой итерации, увеличивая значение i на 1

6.4 Цикл do...while

Цикл do...while похож на цикл while, но с той разницей, что блок кода выполняется хотя бы один раз, прежде чем проверяется условие.

Синтаксис:

    
      do {
        // код, который выполнится хотя бы один раз
      } while (условие);
    
  

Пример:

JavaScript
    
      let i = 0;
      do {
        console.log(`Итерация номер ${i}`);
        i++;
      } while (i < 5);

      // Вывод:
      // Итерация номер 0
      // Итерация номер 1
      // Итерация номер 2
      // Итерация номер 3
      // Итерация номер 4
    
  

В этом примере:

  • Блок кода внутри do выполнится хотя бы один раз, даже если условие изначально ложно
  • После выполнения блока кода условие проверяется, и если оно истинно, цикл продолжается

6.5 Сравнение циклов

Цикл Когда использовать Особенности
for Когда известно количество итераций Компактный синтаксис, удобно для массивов
while Когда количество итераций заранее неизвестно Условие проверяется перед каждой итерацией
do-while Когда нужно выполнить блок кода хотя бы один раз Условие проверяется после выполнения блока кода

Примеры использования циклов

Перебор массива с помощью for:

JavaScripts
    
      let array = [1, 2, 3, 4, 5];
      for (let i = 0; i < array.length; i++) {
        console.log(array[i]);
      }

      // Вывод: 1 2 3 4 5
    
  

Использование while для ожидания условия:

JavaScript
    
      let n = 0;
      let x = 0;
      while (n < 3) {
        n++;
        x += n;
      }

      console.log(x); // 6 (1 + 2 + 3)
    
  

Использование do-while для выполнения хотя бы одной итерации:

JavaScript
    
      let i = 0;

      do {
        console.log(i);
        i++;
      } while (i < 0);

      // Вывод: 0 (цикл выполнен один раз, несмотря на ложное условие)
    
  
1
Задача
Модуль 1: Web Core, 17 уровень, 5 лекция
Недоступна
Сумма чисел до n
Сумма чисел до n
1
Задача
Модуль 1: Web Core, 17 уровень, 5 лекция
Недоступна
Чётные числа до 20
Чётные числа до 20
Комментарии (4)
ЧТОБЫ ПОСМОТРЕТЬ ВСЕ КОММЕНТАРИИ ИЛИ ОСТАВИТЬ КОММЕНТАРИЙ,
ПЕРЕЙДИТЕ В ПОЛНУЮ ВЕРСИЮ
Елена Уровень 21
25 января 2026
В лекции написано: "Цикл while выполняет блок кода до тех пор, пока условие истинно (true)." "Цикл for — один из самых часто используемых циклов в JavaScript. Он специально создан для того, чтобы повторять блок кода определенное количество раз." Но при этом в подразделе 6.2 Выполняем блок кода n раз пример с циклом while. Не совсем поняла, когда какой цикл лучше использовать
RayCowperwood Уровень 48
28 мая 2025
если хотите, чтоб результат выводился на экран в теге h1 например, а не просто в консоль. то добавте это в код js (при этом в html не забудьте создать элемент h1 с id result)

<h1 id='result'> </h1>

const h1 = document.getElementById("result");
h1.textContent = "Сумма чисел от 1 до " + n + " равна " + sum;
Любовь Уровень 18
9 ноября 2024
Раздел "Выполняем блок кода n раз" не объясняет как это сделать. Имеется в виду, что это цикл for? Тогда зачем нужен раздел 6.2?
Daria Snegireva Уровень 20
26 мая 2025
Любой for можно заменить на while, но вот while не всегда можно переписать через for