Объекты JavaScript

Справочник JavaScript

СтatementСоздает цикл, который выполняет указанные инструкции, пока результат вычисления условия (condition) равен true.

Только приУсловие (condition)Цикл останавливается, только когда значение становится false.

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

Стatement - Повторяет блок кода несколько раз
for...in- Перебирает атрибуты объекта
while- Повторяет блок кода, пока условие установлено в true
do...while - Выполняет блок кода один раз, а затем повторяет цикл, если условие установлено в true

ИспользованиеbreakПрекращает текущий цикл и используетcontinuecontinue

Грамматика:
　for (initialization; condition; final-expression) {
　}

Пример

//Выполняемые инструкции
for (let n = 0; n < 5; n++) {
}

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

Все браузеры полностью поддерживают предложение for:
Стatement	for	for	for	for	for

Значения параметров	Параметры
Описание	initialization
(Опционально) Выполняется до начала цикла. Обычно, это предложение используется для инициализации переменной счетчика. Чтобы запустить несколько значений, разделите их запятыми.	condition (Опционально) Определяет условие выполнения цикла. Обычно, это предложение используется для оценки условия переменной счетчика. Если возвращается true, цикл будет повторяться; если возвращается false, цикл завершится.
Внимание: если пропущен, то условие всегда равно true. Это может привести к崩溃 вашего браузера.	final-expression

Технические детали	Версия JavaScript:

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

Пример

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
Цикл проходит через массив в прямом порядке:
txt += fruits[i] + "<br>";
}

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

Пример

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

Цикл проходит через узлы объекта NodeList и изменяет цвет фона всех элементов списка:

Пример

var x = document.querySelectorAll(".demo");
for (let i = 0; i < x.length; i++) {
x[i].style.backgroundColor = "coral";
}

Внутренние циклы используются повсюду, они используются в матричных умножениях, отображении таблиц и во многих других местах:

Пример

var txt = "";
for (var row = 0; row < 10; row++) {
　　　for (var col = 0; col < row; col++) {
　　　txt += "　* ";
　　　}
　　　txt += "<br>";
}

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

Пример

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

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

Пример

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