Предложение while в JavaScript

Определение и использование

Предложение while создает цикл, который выполняется, если заданное условие истины.

Цикл продолжается, пока условие истины. Он останавливается только когда условие становится ложно.

JavaScript поддерживает различные типы циклов:

  • for - Цикл, который выполняет блок кода несколько раз
  • for/in - Прогон по свойствам объекта
  • for/of - Цикл, который проходит по значениям итерируемого объекта
  • while - Цикл, который выполняет блок кода, если заданное условие истины
  • do/while - Цикл, который выполняет блок кода один раз, а затем повторяет цикл, если заданное условие истины

Совет:Используйте оператор break для выхода из цикла, и оператор continue для пропуска某个 значения в цикле.

Пример

Цикл кода будет выполняться, пока переменная (i) меньше 5:

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>Число равно " + i + ";
  i++;
}

попробуйте сами

Ниже страницы есть больше примеров TIY.

Синтаксис

while (condition) {
  блок кода для выполнения
}

Значения параметров

Параметры Описание
condition

Обязательное. Определяет условие выполнения цикла (блока кода). Если возвращает true, цикл начнётся снова, если возвращает false, цикл закончится.

Комментарий:Если условие всегда истинно, цикл никогда не закончится. Это может привести к сбоям вашего браузера.

Комментарий:Если вы используете переменную с условием, пожалуйста, её инициализируйте перед циклом и её увеличьте в цикле. Если вы забудете увеличить переменную, цикл никогда не закончится. Это также может привести к сбоям вашего браузера.

Технические детали

Версия JavaScript: ECMAScript 1

Более примеров

Пример

Цикл перебирает индексы массива, собирая имена автомобилей из массива cars:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i = 0;
while (i < cars.length) {
  text += cars[i] + "<br>";
  i++;
}

Пример объяснение:

  1. Сначала мы устанавливаем переменную перед началом цикла (var i = 0;)
  2. Затем мы определяем условие выполнения цикла. Цикл продолжается, пока переменная меньше длины массива (то есть 4)
  3. Переменная увеличивается на 1 (i++) каждый раз, когда выполняется цикл
  4. Как только переменная больше не меньше 4 (длина массива), условие ложно, и цикл заканчивается

попробуйте сами

Пример

продолжить цикл по индексу массива в обратном порядке:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
  text += cars[len] + "<br>";
}

попробуйте сами

Пример

Использование оператора break - выполняет блок цикла, но выходит из цикла, когда переменная i равна "3":

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>Число равно " + i + ";
  i++;
  if (i == 3) {
    break;
  }
}

попробуйте сами

Пример

Использование оператора continue - выполняет блок цикла, но пропускает значение "3":

var text = "";
var i = 0;
while (i < 5) {
  i++;
  if (i == 3) {
    continue;
  }
text += "<br>Число равно " + i + ";
}

попробуйте сами

поддержка браузерами

выражение Chrome IE Firefox Safari Opera
while поддержка поддержка поддержка поддержка поддержка

связанные страницы

JavaScript руководство:Цикл While JavaScript

Руководство JavaScript:Оператор do ... while JavaScript

Руководство JavaScript:Оператор for JavaScript

Руководство JavaScript:Оператор break JavaScript

Руководство JavaScript:Оператор continue JavaScript