JavaScript while
Цикл через блок кода до тех пор, пока переменная (i) меньше 5:
var text = "";
var i = 0;
while (i < 5) {
text += "<br>Это число таково " + i;
i++;
}
Попробуйте сами »
Определение while
Оператор while создает цикл, который выполняется, пока заданное условие истинно.
Цикл будет продолжаться до тех пор, пока условие истинно. Он остановится только тогда, когда условие станет ложным.
JavaScript поддерживает различные виды циклов:
- for - циклы через блок кода несколько раз <
- for/in - циклы через свойства объекта <
- for/of - перебирает значения итеративного объекта
- while - цикл через блок кода, пока заданное условие истинно <
- do/while - выполняет цикл через блок кода один раз, а затем повторяет цикл, пока заданное условие истинно
Совет: Использовать операторbreak, чтобы вырваться из цикла, и оператор continue для пропуска значения в цикле.
Поддержка while
Заявление | |||||
---|---|---|---|---|---|
while | Да | Да | Да | Да | Да |
Синтаксис while
while (condition) {
блок кода для выполнения
}
Значения параметров while
Параметр | Описание |
---|---|
condition | Требуемый. Определяет условие выполнения цикла (блок кода). Если он возвращает true, цикл начнется снова, если он возвращает false, цикл закончится. Примечание: Если условие всегда истинно, цикл никогда не закончится. Это приведет к сбою вашего браузера. Примечание: Если вы используете переменную с условием, инициализируйте ее перед циклом и увеличьте ее внутри цикла. Если вы забудете увеличить переменную, цикл никогда не закончится. Это также приведет к сбою вашего браузера. |
Технические детали while
Версия JavaScript: | ECMAScript 1 |
---|
Примеры while
Цикл по индексам массива для сбора имен автомобилей из массива cars:
var cars = ["БМВ", "Вольво", "Сааб", "Ford"];
var text = "";
var i = 0;
while (i < cars.length) {
text += cars[i] + "<br>";
i++;
}
Попробуйте сами »
Объяснение примера
- Во-первых, устанавливаем переменную перед началом цикла (var i = 0;)
- Затем определяем условие выполнения цикла. Пока переменная меньше длины массива (которая равна 4), цикл будет продолжаться
- Каждый раз, когда цикл выполняется, переменная увеличивается на единицу (i++)
- Как только переменная больше не будет меньше 4 (длина массива), условие будет ложным, и цикл закончится
Цикл назад по индексам массива:
var cars = ["БМВ", "Вольво", "Сааб", "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;
}
Попробуйте сами »
Связанные страницы while
JavaScript учебник: JavaScript Цикл while
JavaScript справочник: JavaScript Заявление do ... while
JavaScript справочник: JavaScript Заявление for
JavaScript справочник: JavaScript Заявление break
JavaScript справочник: JavaScript Заявление continue