Курс по программированию на JavaScript

Урок 6: Циклы

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

Цикл for

Цикл for используется для выполнения блока кода определенное количество раз. Синтаксис цикла for включает три выражения: инициализацию, условие и инкремент/декремент.

// Пример цикла for
for (let i = 0; i < 5; i++) {
 console.log(i);
}

В этом примере цикл for выполняет блок кода пять раз, начиная с i = 0 и заканчивая i = 4. На каждой итерации значение i увеличивается на 1.

Цикл while

Цикл while выполняет блок кода, пока условие возвращает true. Сначала проверяется условие, и если оно истинно, выполняется блок кода.

// Пример цикла while
let i = 0;
while (i < 5) {
 console.log(i);
 i++;
}

В этом примере цикл while выполняется до тех пор, пока значение i меньше 5. На каждой итерации значение i увеличивается на 1.

Цикл do...while

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

// Пример цикла do...while
let i = 0;
do {
 console.log(i);
 i++;
} while (i < 5);

В этом примере блок кода выполняется один раз, а затем проверяется условие. Цикл продолжается до тех пор, пока значение i меньше 5.

Примеры использования циклов

Рассмотрим несколько примеров использования циклов для решения различных задач.

// Пример 1: Сумма чисел от 1 до 5
let sum = 0;
for (let i = 1; i <= 5; i++) {
 sum += i;
}
console.log('Sum:', sum); // Sum: 15

// Пример 2: Обход массива
let fruits = ['apple', 'banana', 'cherry'];
for (let i = 0; i < fruits.length; i++) {
 console.log(fruits[i]);
}

// Пример 3: Поиск элемента в массиве
let numbers = [1, 2, 3, 4, 5];
let target = 3;
let found = false;

for (let i = 0; i < numbers.length; i++) {
 if (numbers[i] === target) {
 found = true;
 break;
 }
}

console.log('Found:', found); // Found: true

Результат выполнения

0
1
2
3
4
0
1
2
3
4
Sum: 15
apple
banana
cherry
Found: true

Упражнения

// Цикл for для обратного отсчета
for (let i = 10; i > 0; i--) {
 console.log(i);
}
console.log('Happy New Year!');

// Массив чисел
let numbers = [5, 12, 8, 20, 7];
let max = numbers[0];
let i = 1;

while (i < numbers.length) {
 if (numbers[i] > max) {
 max = numbers[i];
 }
 i++;
}
console.log('Max value:', max); // Max value: 20