Инструкция while в JavaScript

　Операторы и объявления переменных JavaScript

whileСоздает цикл, который выполняет指定的 инструкции, пока тестовое условие (condition) истинно.

Только когдаУсловие (condition)Стоп цикла наступает, когда значение becomes false

Оценивается перед выполнением инструкцииУсловие (condition).

JavaScript предоставляет следующие типы циклов:

• for - Прогон кодового блока несколько раз

• for...in- Прогон свойств объекта

• while- Прогон кодового блока, если заданное условие true

• do...while - Выполнение кодового блока один раз, а затем повторение цикла, если заданное условие true

ИспользованиеbreakИнструкция завершает текущий цикл и используетcontinueИнструкция пропускает значение в цикле.

Синтаксис:

while (condition) {
// Инструкция выполняется
}

var n = 0;
while (n < 5) {
　　　document.write("<br>The number is " + n);
　　　n++;
}

Внимание:Если вы хотите использовать сУсловие (condition)Укажите переменную, которую нужно инициализировать перед циклом, и увеличивать в цикле. Если вы забудете увеличить переменную, цикл永远不会 завершиться. Это может привести к сбою вашего браузера.

Совместимость с браузерами

Все браузеры полностью поддерживают инструкцию while:

Значение параметра

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

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

Циклическое прохождение массива по возрастанию:

var fruits = ['Apple', 'Mango', 'Banana', 'orange'];
var txt = '';
var i = 0;
while (i < fruits.length) {
txt += fruits[i] + "<br>";
i++;
}

Циклическое прохождение массива по убыванию:

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
var i = fruits.length;
while (i != 0) {
i--;
txt += fruits[i] + "<br>";
}

Указанная функция содержит оператор break, который останавливает цикл while, когда i равно 3, и возвращает значение 3 * x:

function testBreak(x) {}}
　　var i = 0;
　　while (i < 6) {
if (i == 3) {
　　　break;
}
i++;
　　}
　　return i * x;
}

Ниже приведен пример цикла while, который содержит оператор continue, выполняющийся при значении i = 3:

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

См. также

Учебник JavaScript:Цикл while JavaScript

Референция JavaScript:Оператор do ... while JavaScript

Референция JavaScript:Оператор for JavaScript

Референция JavaScript:Оператор break JavaScript

Референция JavaScript:Декларация continue JavaScript

　Операторы и объявления переменных JavaScript