JS оператор while


Загальний опис

while — це цикл в JavaScript, який повторює виконання блоку коду доти, доки задана умова залишається істинною (true). Перед кожною ітерацією умова перевіряється, і якщо вона є хибною (false), виконання циклу завершується.

Цикл while є корисним, коли кількість повторень наперед невідома. Наприклад, він може застосовуватися для читання даних, поки вони доступні, або для виконання операцій, поки користувач не завершить певну дію.

Приклад простого використання:

let i = 0;
while (i < 5) {
    console.log(i);
    i++;
}

У цьому прикладі змінна i збільшується на 1 на кожній ітерації, поки її значення менше 5.

Якщо умова завжди істинна і її не змінювати, це може призвести до нескінченного циклу:

while (true) {
    console.log("Цей цикл ніколи не завершиться");
}

Нескінченні цикли слід уникати або використовувати з умовою для примусового виходу, наприклад, через break.

Існує також цикл do...while, схожий на while, але він виконує блок коду щонайменше один раз, незалежно від початкового стану умови.

автор: Bond

Порада

while часто використовують у сценаріях, де необхідно очікувати певної події, наприклад, виконання асинхронної операції. Проте у таких випадках краще використовувати асинхронні методи, щоб уникнути блокування потоку.

автор: Bond
Порада

Під час роботи з while завжди переконайтеся, що змінна, яка перевіряється в умові, змінюється в тілі циклу. Без цього можна легко створити нескінченний цикл.

автор: Bond
Порада

Для роботи з великими масивами використовуйте while, коли потрібно обробляти елементи до досягнення певного стану. Це дозволяє більш ефективно завершувати цикл, ніж перебирати всі елементи через for.

автор: Bond

Синтаксис

while (умова) {
    // Код для виконання
}

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE
1 1 1 3 12
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
4.4 18 4 1
Підтримка: серверні переглядачі
Переглядач Node.js Deno
0.10.0 1.0

Приклади

+ запропонувати свій приклад у пісочниці

Користувач вводить кількість чисел у текстове поле та натискає кнопку "Згенерувати список". Програма очищає список і за допомогою циклу while додає до нього вказану кількість чисел. Це наочний приклад використання while для обробки введених даних та динамічного оновлення сторінки.

автор: Bond

У цьому прикладі цикл продовжує запитувати користувача на введення, доки він не введе непорожній рядок. Це корисно для валідації даних у реальному часі.

let input;
while (!input || input.trim() === "") {
    input = prompt("Введіть своє ім'я (не залишайте поле порожнім):");
}

console.log(`Привіт, ${input}!`);
автор: Bond

Цей цикл повторюється, поки не згенерується випадкове число 7. Він демонструє, як while можна використовувати для виконання повторюваних операцій із невизначеною кількістю ітерацій.

let randomNumber = 0;
let attempts = 0;

while (randomNumber !== 7) {
    randomNumber = Math.floor(Math.random() * 10); // Генерація числа від 0 до 9
    attempts++;
}

console.log(`Знайдено 7 за ${attempts} спроб`);
автор: Bond

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід