Цикл for в JavaScript - примеры, условия, break, continue

В JavaScript циклы используются для повторения блока кода.

Например, если нужно показать сообщение 100 раз, можно использовать цикл. Это всего лишь простой пример; с помощью циклов можно добиться гораздо большего.

Синтаксис цикла for следующий:

for (initialExpression; condition; updateExpression) {
  // тело цикла
}

1. initialExpression инициализирует и/или объявляет переменные и выполняется только один раз.
2. Оценивание condition (условие).
   • Если условие - false, цикл for завершается.
   • Если условие - true, выполняется блок кода внутри цикла for.
3. Выражение updateExpression обновляет значение initialExpression, когда условие равно true.
4. condition (условие) оценивается снова. Этот процесс продолжается до тех пор, пока условие не станет false.

Цикл for - это один из самых универсальных и мощных инструментов в JavaScript для итерации по массивам, объектам и другим структурам данных. От правильной инициализации переменных цикла до понимания условий выхода и эффективного использования операторов break и continue - все эти аспекты критически важны для написания эффективного и безошибочного кода. Если вы хотите освоить все нюансы работы с циклом for и другими конструкциями управления потоком, приходите на наш большой курс JavaScript с нуля. На курсе 198 уроков и 30 упражнений, AI-тренажеры для безлимитной практики с кодом и задачами 24/7, решение задач с живым ревью наставника, еженедельные встречи с менторами.

Пример 1: Вывести текст пять раз

// программа для вывода текста на консоль 5 раз
const n = 5;

// цикл от i = 1 до 5
for (let i = 1; i <= n; i++) {
  console.log(`Я люблю JavaScript.`);
}

Вывод в консоль:

Я люблю JavaScript.
Я люблю JavaScript.
Я люблю JavaScript.
Я люблю JavaScript.
Я люблю JavaScript.

Пример 2: Вывод чисел от 1 до 5

// программа для вывода чисел от 1 до 5
const n = 5;

// цикл от i = 1 до 5
// на каждой итерации i увеличивается на 1
for (let i = 1; i <= n; i++) {
  console.log(i); // вывод на консоль значения i
}

Вывод в консоль:

1
2
3
4
5

Пример 3: Вывод суммы n натуральных чисел

// программа для вывода суммы натуральных чисел
let sum = 0;
const n = 100;

// цикл от i = 1 до n
// на каждой итерации i увеличивается на 1
for (let i = 1; i <= n; i++) {
  sum += i; // sum = sum + i
}

console.log('сумма:', sum);

Вывод в консоль:

сумма: 5050

Здесь значение sum изначально равно 0. Затем выполняется итерация цикла for от i = 1 до 100. На каждой итерации i добавляется к sum и ее значение увеличивается на 1.

Когда i станет равным 101, условие проверки станет false и sum будет равна 0 + 1 + 2 + ... + 100.

Бесконечный цикл for

Если условие проверки в цикле for всегда true, он будет работать вечно (пока не заполнится память). Например,

// бесконечный цикл
for (let i = 1; i > 0; i++) {
  // тело цикла
}

В приведенной выше программе условие всегда true, что приведет к выполнению кода бесконечное число раз.

Цикл for или while

Цикл for обычно используется, когда известно количество итераций. Например:

// этот цикл итерируется 5 раз
for (let i = 1; i <= 5; ++i) {
  // тело цикла
}

Циклы while и do...while обычно используются, когда количество итераций неизвестно. Например:

while (condition) {
  // тело цикла
}

Циклы for становятся особенно мощными в сочетании с другими продвинутыми техниками JavaScript, такими как асинхронные функции, Promises и генераторы. Освоив эти инструменты, вы сможете создавать сложные и эффективные алгоритмы для обработки больших объемов данных и построения интерактивных веб-приложений. Если вы готовы расширить свой кругозор и изучить продвинутые возможности JavaScript, обратите внимание на курс JavaScript Advanced. В первых 3 модулях уже доступно бесплатное содержание — начните погружаться в мир продвинутого JavaScript прямо сегодня.