Циклы в JavaScript: for, while, do…while — подробное руководство с примерами

Циклы являются одной из фундаментальных концепций в программировании, позволяющей выполнять определенный блок кода многократно. В JavaScript существует несколько видов циклов, и в этой статье мы рассмотрим три основных: for, while и do…while.

Цикл for

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

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

1. Инициализация — выполняется один раз перед первой итерацией цикла. Обычно здесь объявляется счетчик цикла.
2. Условие — проверяется перед каждой итерацией цикла. Если условие истинно, выполняется тело цикла.
3. Итерация — выполняется после каждой итерации цикла. Обычно здесь происходит изменение счетчика цикла.

Пример цикла for, который выводит числа от 1 до 5:

for (let i = 1; i <= 5; i++) {
   console.log(i); // 1, 2, 3, 4, 5
}

Цикл while

Цикл while выполняется, пока заданное условие истинно. Его синтаксис:

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

Пример цикла while, который выводит числа от 1 до 5:

let i = 1;
while (i <= 5) {
   console.log(i); // 1, 2, 3, 4, 5
   i++;
}

Цикл do...while

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

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

Пример цикла do...while, который выводит числа от 1 до 5:

let i = 1;
do {
   console.log(i); // 1, 2, 3, 4, 5
   i++;
} while (i <= 5);

Вложенные циклы

Циклы могут быть вложены друг в друга. Внутренний цикл выполняется полностью для каждой итерации внешнего цикла. Вложенные циклы часто используются для обработки двумерных массивов или матриц.

for (let i = 1; i <= 3; i++) {
   console.log(`Внешний цикл: ${i}`);
   for (let j = 1; j <= 2; j++) {
      console.log(`  Внутренний цикл: ${j}`);
   }
}

Вывод:

Внешний цикл: 1
  Внутренний цикл: 1
  Внутренний цикл: 2
Внешний цикл: 2
  Внутренний цикл: 1
  Внутренний цикл: 2 
Внешний цикл: 3
  Внутренний цикл: 1
  Внутренний цикл: 2

Управление циклами

В JavaScript есть два оператора для управления циклами:

• break - немедленно прерывает цикл и передает управление на следующую строку кода после цикла.
• continue - пропускает текущую итерацию цикла и переходит к следующей.

Пример использования break и continue:

for (let i = 1; i <= 5; i++) {
   if (i === 3) {
      continue; // пропустить итерацию, когда i равно 3
   }
   
   console.log(i); // 1, 2, 4, 5
   
   if (i === 4) {
      break; // выйти из цикла, когда i равно 4
   }
}

Циклы являются мощным инструментом в JavaScript, позволяющим выполнять повторяющиеся задачи. Правильное использование циклов for, while и do...while, а также понимание их различий и особенностей, поможет вам писать более эффективный и читаемый код.