JavaScript Урок 7: Циклы for и другие

Циклы — важная часть любого языка программирования, включая 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.

Что будем искать? Например,программа