Циклы — важная часть любого языка программирования, включая JavaScript. Без них многие функции, например, перебор элементов массивов, были бы значительно сложнее.
Циклы в JavaScript
Циклы позволяют повторять определённый код. Они задают начало и конец повторения, а также позволяют управлять процессом: указывать условия остановки, выполнять действия на определённых этапах и т.д.
Цикл for
Самый распространённый цикл — for. Его базовая структура:
for (let i = 0; i < 10; i++) {
// Код, который будет повторяться
}
- let i = 0; — инициализация счётчика i со значением 0. Хотя часто используется i, можно использовать любую переменную.
- i < 10; — условие продолжения цикла. Цикл работает, пока i меньше 10.
- i++; — инкремент. Значение i увеличивается на 1 после каждой итерации. Без этого цикл был бы бесконечным.
Пример:
for (let i = 0; i < 10; i++) {
console.log(i);
}
Этот код выведет числа от 0 до 9. Для вывода чисел от 0 до 10, условие должно быть i <= 10. Если тело цикла содержит одну строку, фигурные скобки можно опустить.
Инициализацию переменной можно выполнить вне цикла:
let i = 0;
for (; i < 10; i++) {
console.log(i);
}
Результат останется тем же.
Ключевые слова continue и break
В циклах часто используются continue и break:
- continue: пропускает текущую итерацию и переходит к следующей.
- break: полностью прерывает выполнение цикла.
Пример continue:
for (let i = 0; i < 10; i++) {
if (i % 3 === 0 && i !== 0) {
continue;
}
console.log(i);
}
Этот код выведет все числа от 0 до 9, кроме чисел, кратных 3 (кроме 0).
Пример break:
for (let i = 0; i < 10; i++) {
if (i === 8) {
break;
}
console.log(i);
}
Этот код выведет числа от 0 до 7, так как при i === 8 цикл прерывается.
continue и break работают одинаково во всех типах циклов.
Цикл while
Цикл while выполняет код, пока заданное условие истинно:
let x = 0;
while (x < 10) {
console.log(x);
x++;
}
В отличие от for, условие и инкремент записываются отдельно. Фигурные скобки необходимы, если тело цикла содержит более одной строки.
Цикл do…while
Цикл do…while гарантирует, что код выполнится хотя бы один раз:
let y = 100000;
do {
console.log(y);
} while (y < 100);
Этот цикл выведет значение y один раз, даже если условие y < 100 ложно.
В этом уроке рассмотрены три основных типа циклов в JavaScript: for, while и do…while. Выбор типа цикла зависит от конкретной задачи. Циклы — фундаментальный инструмент в программировании, и их понимание важно для дальнейшего изучения JavaScript.