Циклы являются одной из фундаментальных концепций в программировании, позволяющей выполнять определенный блок кода многократно. В JavaScript существует несколько видов циклов, и в этой статье мы рассмотрим три основных: for, while и do…while.
Цикл for
Цикл for — наиболее распространенный и универсальный вид циклов в JavaScript. Он используется, когда известно точное количество итераций. Синтаксис цикла for выглядит следующим образом:
for (инициализация; условие; итерация) {
// код, который будет выполняться в цикле
}
- Инициализация — выполняется один раз перед первой итерацией цикла. Обычно здесь объявляется счетчик цикла.
- Условие — проверяется перед каждой итерацией цикла. Если условие истинно, выполняется тело цикла.
- Итерация — выполняется после каждой итерации цикла. Обычно здесь происходит изменение счетчика цикла.
Пример цикла 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, а также понимание их различий и особенностей, поможет вам писать более эффективный и читаемый код.