JavaScript forинструкция

JavaScript 语句参考手册Справочник по инструкциям JavaScript

Примеры

Выполнить цикл по блоку кода 5 раз:

var text = "";
var i;
for (i = 0; i < 5; i++) {
    text += "The number is " + i + "<br>";
}

textРезультат вывода:

Число равно 0
Число равно 1
Число равно 2
Число равно 3
Число равно 4

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

Дополнительные примеры приведены в нижней части этой статьи.

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

Инструкция for продолжает выполняться, пока условие истинно.

Пока условие истинно, цикл будет выполняться до тех пор, пока условие не станет ложным.

Цикл for — это инструмент, который вы часто будете использовать, когда захотите создать цикл.

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

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

Совет:Используйте инструкциюbreak, чтобы выйти из цикла; используйте инструкциюcontinue, чтобы пропустить текущую итерацию и выполнить следующую итерацию.

Поддержка браузеров

Инструкция
for Да Да Да Да Да

Синтаксис

for (инструкция 1; инструкция 2; инструкция 3) {
    code блок для выполнения
}

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

Параметр Описание
инструкция1 Необязательно. Выполняется перед циклом, используется для инициализации переменных. Разделяйте несколько инициализированных переменных запятыми (,).

Примечание:Этот параметр можно опустить. Однако не игнорируйте точку с запятой ";".
инструкция2 Необязательно. Определяет условие выполнения цикла. Обычно эта инструкция используется для условной проверки. Если условие истинно, цикл продолжает выполняться; если ложно, цикл завершается.

Примечание:Этот параметр можно опустить. Однако не игнорируйте точку с запятой ";". Кроме того, если вы опустите этот параметр, вы должны предусмотреть условие для выхода из цикла внутри цикла. В противном случае инструкция будет бесконечно зацикливаться и приведет к сбою браузера.
инструкция3 Необязательно. Выполняет эту инструкцию после каждого цикла. Обычно эта инструкция используется для увеличения или уменьшения переменной-счетчика.

Примечание:Этот параметр можно опустить (например, значения увеличения или уменьшения обрабатываются внутри цикла)

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

Версия JavaScript: 1.0

实例

Другие примеры

Примеры

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

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

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

Объяснение приведённого выше примера:

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

Примеры

Инициализация нескольких значений в первом параметре:

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

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

Примеры

Пропустить первый параметр (задать значение перед циклом):

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

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

Примеры

Используйте оператор continue — пройдите по блоку кода, но пропустите итерацию, где i равно "3":

var text = ""
var i;
for (i = 0; i < 5; i++) {
    if (i == 3) {
        continue;
    }
    text += "The number is " + i + "<br>";
}

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

Примеры

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

var text = ""
var i;
for (i = 0; i < 5; i++) {
    if (i == 3) {
        break;
    }
    text += "The number is " + i + "<br>";
}

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

Пример:

Опустите второй параметр. В этом примере мы также использовали операторbreak, чтобы выйти из цикла, когда i равно "3" (если второй параметр опущен, необходимо задать условие для выхода из цикла внутри тела цикла. В противном случае цикл невозможно завершить, и это приведёт к сбою браузера):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
    if (i == 3) {
        break;
    }
    text += cars[i] + "<br>";
}

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

Примеры

Пройдите по индексам массива в порядке убывания:

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

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

Примеры

Опустите последний параметр и увеличивайте значение внутри тела цикла:

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

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

Примеры

Пройдите в цикле по узлам объекта NodeList и измените цвет фона всех элементов <p> в списке:

var myNodelist = document.getElementsByTagName("P");
var i;
for (i = 0; i < myNodelist.length; i++) {
    myNodelist[i].style.backgroundColor = "red";
}

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

Примеры

Пример вложенного цикла:

var text = "";
var i, j;

for (i = 0; i < 3; i++) {
    text += "<br>" + "i = " + i + ", j = ";

    for (j = 10; j < 15; j++) {
        document.getElementById("demo").innerHTML = text += j + " ";
    }
}

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

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

Учебник JavaScript: цикл JavaScript For

Справочник JavaScript:Инструкция for ... in в JavaScript

Справочник JavaScript:Инструкция break в JavaScript

Справочник JavaScript:Инструкция continue в JavaScript

Справочник JavaScript:Инструкция while в JavaScript

JavaScript 语句参考手册Справочник по инструкциям JavaScript Другие расширения