Цикл For в JavaScript

Цикл может многократно выполнять блок кода.

Цикл JavaScript

Если вам нужно запускать код несколько раз и каждый раз использовать разные значения, то цикл (цикл) очень удобен для использования.

Обычно мы сталкиваемся с примерами использования массивов:

Не нужно так писать:

text += cars[0] + "<br>"; 
text += cars[1] + "<br>"; 
text += cars[2] + "<br>"; 
text += cars[3] + "<br>"; 
text += cars[4] + "<br>"; 
text += cars[5] + "<br>";

Вы можете написать так:

for (i = 0; i < cars.length; i++) { 
    text += cars[i] + "<br>";
 }

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

Различные типы циклов

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

  • for - Повторяет блок кода несколько раз
  • for/in - Пробегает по свойствам объекта
  • while - Повторяет блок кода, когда указанное условие равно true
  • do/while - Повторяет блок кода, когда указанное условие равно true

Цикл for

Цикл for часто используется, когда вам нужно создать цикл.

Синтаксис цикла for выглядит следующим образом:

for (Строка 1; Строка 2; Строка 3) {
     Код, который нужно выполнить
}

Строка 1 выполняется перед началом цикла (блока кода).

Строка 2 определяет условие выполнения цикла (блока кода).

Строка 3 будет выполняться после каждого выполнения блока кода в цикле.

Пример

for (i = 0; i < 5; i++) {
     text += "Номер является " + i + "<br>";
}

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

Из上面的 кода вы можете понять:

Строка 1 устанавливает переменную перед началом цикла (var i = 0).

Строка 2 определяет условие выполнения цикла (i должен быть меньше 5).

Строка 3 увеличит значение в конце каждого выполнения блока кода (i++).

Строка 1

Обычно вы используете строку 1 для инициализации переменных, используемых в цикле (i = 0).

Но не всегда так, JavaScript не cares. Строка 1 является необязательной.

Вы можете инициализировать несколько значений в строке 1 (разделенных запятыми):

Пример

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

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

И вы также можете опустить строку 1 (например, настроить значение перед началом цикла):

Пример

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

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

Строка 2

Обычно строка 2 используется для вычисления условия начальной переменной.

Но не всегда так, JavaScript не cares. Строка 2 также является необязательной.

Если строка 2 возвращает true, то цикл начнется снова, если возвращает false, то цикл завершится.

Если строка 2 опущена, то в цикле необходимо предоставить break. В противном случае цикл никогда не закончится. Прочитайте больше о break в следующей главе.

Строка 3

Обычно строка 3 увеличивает значение начальной переменной.

Но не всегда так, JavaScript не cares. Строка 3 также является необязательной.

Строка 3 может выполнять любые действия, например, отрицательное инкрементирование (i--), положительное инкрементирование (i = i + 15), или любое другое действие.

Условие 3 также может быть опущено (например, когда вы увеличиваете значение в цикле):

Пример

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

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

Цикл For/In

JavaScript for/in Условие遍历 свойств объекта:

Пример

var person = {fname:"Bill", lname:"Gates", age:62}; 
var text = "";
var x;
for (x in person) {
    text += person[x];
}

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

Цикл while

В следующей главе мы изучим циклы while и do/while.

Дополнительная литература

более подробной информации Условие for JavaScriptДополнительную информацию о

Итеративные выражения ECMAScript
Итеративные выражения также называются циклическими выражениями. В этой главе мы рассмотрим четыре типа итеративных выражений, предоставляемых ECMAScript.