Loops может выполнить блок кода несколько раз.
JavaScript Loops
Петли удобны, если вы хотите запустить тот же код снова и снова, каждый раз с другим значением.
Часто это бывает при работе с массивами:
Вместо того чтобы писать:
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>";
} Попробуй сам " Различные виды Loops
JavaScript поддерживает различные виды петель:
- for - петли через блок кода несколько раз
- for/in - перебирает свойства объекта
- в while - перебирает блок кода , пока заданное условие истинно
- do/while в do/while - также перебирает блок кода , пока заданное условие истинно
For Loop
for цикла часто инструмент вы будете использовать , когда вы хотите создать цикл.
for цикла имеет следующий синтаксис:
for (statement
1; statement 2; statement 3) {
code block to be executed
}
Заявление 1 выполняется до начала цикла (блок кода).
Заявление 2 определяет условия для запуска цикла (код блока).
Заявление 3 выполняется каждый раз после того, как петля (код блока) был выполнен.
Из приведенного выше примера, вы можете прочитать:
Заявление 1 устанавливает переменную перед началом цикла (var i = 0) .
Заявление 2 определяет условия для запуска цикла (я должен быть не менее 5).
Заявление 3 увеличивает значение (i++) каждый раз , когда блок кода в цикле была выполнена.
Утверждение 1
Обычно вы будете использовать оператор 1 , чтобы инициировать переменную , используемую в петле (i = 0) .
Это не всегда так, JavaScript не заботится. Утверждение 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 не заботится. Утверждение 2 также является необязательным.
Если утверждение 2 возвращает истину, цикл начинается снова, если он возвращает ложь, цикл завершится.
Если опустить утверждение 2, вы должны предоставить break внутри цикла. В противном случае цикл никогда не закончится. Это приведет к краху вашего браузера. Читайте о перерывах в последующих главах данного руководства.
Утверждение 3
Часто утверждение 3 увеличивает начальную переменную.
Это не всегда так, JavaScript не имеет значения, и утверждение 3 не является обязательным.
Заявление 3 может сделать что - нибудь подобное отрицательное приращение (i--) , положительное приращение (i = i + 15) , или что - нибудь еще.
Заявление 3 также могут быть опущены (например, когда вы увеличиваем свои значения внутри цикла):
пример
var i = 0;
var len = cars.length;
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
} Попробуй сам " For/In Loop
JavaScript for/in заявлении перебирает свойства объекта:
пример
var person = {fname:"John", lname:"Doe", age:25};
var text = "";
var x;
for (x in person) {
text += person[x];
} Попробуй сам " While Loop
В while петли и do/while в do/while цикл будет объяснено в следующей главе.
Проверьте себя с упражнениями!
Упражнение 1 » Упражнение 2» Упражнение 3 » Упражнение 4» Упражнение 5 » Упражнение 6»