Циклы while и do..while

Конструкция while (условие) { ... } работает так: движок смотрит на условие. Если оно истинно — выполняет тело и возвращается к условию снова. Если ложно — перешагивает через цикл и идёт дальше. Один такой круг называют итерацией.

let i = 0;
while (i < 3) {
  console.log(i);
  i = i + 1;
}
console.log("готово");

Обратите внимание: условие проверяется до тела. Если оно ложно с самого начала, тело не выполнится ни разу — и это нормальная, рабочая ситуация, а не ошибка. Цикл с нулём итераций встречается чаще, чем кажется: например, когда обрабатывать просто нечего.

Фигурные скобки можно опустить, если тело — ровно одна инструкция: while (i < 3) i++;. Так короче, но при добавлении второй строки легко забыть вернуть скобки и получить неожиданное поведение. Пока не набита рука — пишите скобки всегда.

У do..while условие переехало вниз: do { ... } while (условие);. Тело выполняется, и только потом решается, нужен ли следующий круг. Значит, минимум один проход будет всегда, каким бы ни было условие.

let n = 10;
do {
  console.log(n);
  n++;
} while (n < 5);
console.log(n);

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

let m = 10;
while (m < 5) {
  console.log(m);
  m++;
}
console.log(m);

В скобках может стоять любое выражение, не только сравнение. Результат приводится к логическому типу: если получается true — цикл продолжается. Поэтому while (count) — законная запись: она означает «пока count не превратился в что-то ложное».

let count = 3;
while (count) {
  console.log(count);
  count--;
}
console.log(count);

Последняя строка таблицы удивляет новичков: пустой массив в условии истинен. Проверять надо не сам массив, а его длину — while (arr.length). Общее правило: если сомневаетесь, пишите явное сравнение, читателю кода будет проще.

Чтобы цикл когда-нибудь закончился, что-то внутри тела должно приближать условие к ложному. Обычно это счётчик — переменная, объявленная до цикла и меняющаяся на каждой итерации. Рядом с ней часто живёт накопитель: сумма, строка или флаг, который собирает результат.

let sum = 0;
let k = 1;
while (k <= 5) {
  sum += k;
  k++;
}
console.log(sum);

Пишите строку со счётчиком сразу, вместе со скобками цикла, и только потом заполняйте середину. Забытый i++ — ошибка номер один у всех, включая тех, кто пишет код десять лет.

Счётчик не обязан расти. Он может уменьшаться, делиться, прыгать через два — важно лишь, чтобы движение шло в сторону выхода.

let word = "код";
let reversed = "";
let idx = word.length - 1;
while (idx >= 0) {
  reversed += word[idx];
  idx--;
}
console.log(reversed);

Если условие никогда не станет ложным, цикл будет крутиться вечно. Чаще всего причина скучная: забыли изменить счётчик, изменили не ту переменную или поставили знак не в ту сторону: у растущего счётчика условие i > 0 вместо i < 10 истинно всегда. Браузер при этом не «ломается» — он честно исполняет то, что написано, а вкладка перестаёт отвечать, потому что JavaScript занимает единственный поток и не отдаёт его отрисовке.

Иногда бесконечный цикл пишут намеренно: while (true) плюс выход через break. Это удобно, когда условие выхода становится известно в середине тела, а не в начале.

let i = 0;
while (true) {
  if (i >= 3) break; // единственный выход из цикла
  console.log(i);
  i++;
}

Пока вы экспериментируете, полезен предохранитель — дополнительный счётчик с заведомо большим лимитом. Он не даст зависнуть, даже если основное условие написано неверно: цикл упрётся в лимит и остановится, а странное значение предохранителя сразу подскажет, что логика сломана.

let i = 0;
let guard = 0;
while (i < 3 && guard < 100) {
  guard++; // i нарочно не увеличиваем — так выглядит забытый счётчик
}
console.log(guard);