JavaScript во время цикла
Пример
Зациклить блок кода, пока ai меньше 5:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
}
Цикл (перебор) массива для сбора названий автомобилей:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let i = 0;
while (i < cars.length) {
text += cars[i] + "<br>";
i++;
}
- Цикл начинается с позиции 0 (
let i = 0). - Цикл увеличивается
iдля каждого запуска (i++). - Цикл работает до тех пор, пока
i < cars.length.
Ниже приведены дополнительные примеры.
Определение и использование
Оператор whileсоздает цикл (вокруг блока кода), который выполняется, пока выполняется условие
true.
Цикл выполняется, пока выполняется условие true. В противном случае он останавливается.
Смотрите также:
Операторы цикла JavaScript
| Заявление | Описание | |
| ломать | Вырывается из петли | |
| Продолжать | Пропускает значение в цикле | |
| пока | Зацикливает блок кода, пока условие истинно | |
| делать пока | Зацикливает блок кода один раз, а затем, пока условие истинно | |
| за | Зацикливает блок кода, пока условие истинно | |
| для... из | Зацикливает значения любого итерируемого | |
| для ... в | Зацикливает свойства объекта |
Синтаксис
while (condition) {
code block to be executed
}
Параметры
| Parameter | Description |
| condition | Required. The condition for running the code block. If it returns true, the code clock will start over again, otherwise it ends. |
Примечание
Если условие всегда истинно, цикл никогда не закончится. Это приведет к сбою вашего браузера.
Если вы используете переменную в условии, вы должны инициализировать ее перед циклом и увеличивать ее внутри цикла. В противном случае цикл никогда не закончится. Это также приведет к сбою вашего браузера.
Дополнительные примеры
Цикл по массиву в порядке убывания (отрицательное приращение):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let len = cars.length;
while (len--) {
text += cars[len] + "<br>";
}
Использование break - цикл по блоку кода, но выход из цикла, когда i == 3:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
if (i == 3) break;
}
Используя continue - прокрутите блок кода, но пропустите значение 3:
let text = "";
let i = 0;
while (i < 5) {
i++;
if (i == 3) continue;
text += i + "<br>";
}
Поддержка браузера
whileявляется функцией ECMAScript1 (ES1).
ES1 (JavaScript 1997) полностью поддерживается во всех браузерах:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |