JavaScript Циклы (for, while, do while)

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

Цикл for

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

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

Пример использования for

Выведем числа от 1 до 5 в консоль:

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

Разбор кода:

1. let i = 1; – инициализация переменной счётчика.
2. i <= 5; – условие, при котором цикл выполняется.
3. i++ – увеличение счётчика на 1 после каждой итерации.

Цикл while

while выполняет блок кода, пока указанное условие истинно.

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

Пример использования while

Выведем числа от 1 до 5:

let i = 1;
while (i <= 5) {
    console.log(i);
    i++; // Увеличиваем значение переменной, иначе цикл будет бесконечным
}

Разбор кода:

1. Объявляем переменную i = 1.
2. Пока i <= 5, код внутри while выполняется.
3. После каждой итерации увеличиваем i, чтобы избежать бесконечного цикла.

Цикл do…while

Этот цикл сначала выполняет код, а затем проверяет условие. Это гарантирует, что код выполнится хотя бы один раз.

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

Пример использования do…while

let i = 1;
do {
    console.log(i);
    i++;
} while (i <= 5);

Разбор кода:

1. Выполняется console.log(i), даже если i не удовлетворяет условию.
2. Затем проверяется i <= 5.
3. Если условие истинно, выполняется следующая итерация.

Различия между циклами for, while и do…while

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

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

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

Пример: Таблица умножения

for (let i = 1; i <= 5; i++) {
    for (let j = 1; j <= 5; j++) {
        console.log(`${i} * ${j} = ${i * j}`);
    }
}

Прерывание циклов

Оператор break

break полностью останавливает выполнение цикла.

for (let i = 1; i <= 10; i++) {
    if (i === 6) {
        break;
    }
    console.log(i);
}

Вывод: 1, 2, 3, 4, 5. Цикл прерывается, когда i === 6.

Оператор continue

continue пропускает текущую итерацию и переходит к следующей.

for (let i = 1; i <= 5; i++) {
    if (i === 3) {
        continue;
    }
    console.log(i);
}

Вывод: 1, 2, 4, 5. Число 3 пропущено.

Вывод

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