В этом урок мы рассмотрим два распространенных типа циклов в JavaScript - while и do...while - предоставляют разработчикам гибкость в управлении потоком программы.

Давайте подробнее изучим их синтаксис и применение.

Цикл while

Цикл while выполняет блок кода, пока условие остается истинным. Рассмотрим пример с выводом четных чисел:

let number = 1;
while (number <= 10) {
 if (number % 2 === 0) {
   console.log("Четное число: " + number);
 }
 number++;
}

Этот цикл выведет четные числа от 1 до 10.

Давайте разберем подробно, что делает этот цикл:

Инициализация переменной

let number = 1;

В этой строке создается переменная number и инициализируется значением 1.

Условие цикла

while (number <= 10) {

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

Тело цикла

if (number % 2 === 0) {
 console.log("Четное число: " + number);
}

Внутри цикла проверяется, является ли текущее значение number четным числом. Если условие выполняется (то есть, остаток от деления number на 2 равен 0), то выводится сообщение в консоль о том, что число четное.

Инкремент

number++;

После выполнения тела цикла увеличиваем значение переменной number на 1. Это гарантирует, что цикл будет продолжаться, пока number не превысит 10.

Завершение циклаПосле каждой итерации проверяется условие цикла. Если number остается меньше или равным 10, цикл продолжается. Как только number становится больше 10, цикл завершается.

Таким образом, данный цикл выводит в консоль все четные числа в диапазоне от 1 до 10 включительно.

Еще один пример с использованием цикла while для вычисления суммы чисел от 1 до 5.

let sum = 0;
let i = 1;
while (i <= 5) {
 sum += i;
 i++;
}
console.log("Сумма чисел от 1 до 5: " + sum); 

Цикл do...while

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

Рассмотрим пример валидации ввода от пользователя:

let userInput;
do {
 userInput = prompt("Введите пароль (не менее 6 символов):", "");
} while (userInput.length < 6);
console.log("Пароль принят: " + userInput);

Этот цикл продолжает запрашивать пароль, пока пользователь не введет строку длиной не менее 6 символов.Пример для генерации случайных чисел, пока не будет получено число больше 0.8.

let randomValue;
do {
 randomValue = Math.random();
 console.log("Случайное число: " + randomValue);
} while (randomValue <= 0.8);

Заключение

Циклы while и do...while предоставляют инструменты для эффективного управления потоком программы в зависимости от условий. Набор гибких возможностей и их правильное использование содействуют более эффективной разработке и поддержке программного кода.