JS для цикла может выполнять кодовый блок как указанное количество раз.
JavaScript Loop
Мы можем выводить значения массива, например,: если вы хотите запускать один и тот же код снова и снова, и значения различны каждый раз, тогда использование циклов удобно.
document.write (cars [0] + "<br>"); document.write (cars [1] + "<br>"); document.write (cars [2] + "<br>"); document.write (cars [3] + "<br>"); document.write (cars [4] + "<br>"); документ. "<br>");
Но мы пишем это
for (var i = 0; i <cars.length; i ++) {document.write (cars [i]+"<br>");}Пример: вывод 1-100 номеров
for (var i = 0; i <= 100; i ++) {document.write (i+"<br>")}Для цикла предварительного теста, и переменные могут быть инициализированы перед циклом, а код будет выполнен после определения цикла. Синтаксис выглядит следующим образом
Для (Inintialization; Expression; PSOT = Loop-Expression)
Процесс выполнения следующим образом:
1. Выполнить оператор инициализации
2. Определите, является ли выражение истинным, если это так, продолжайте, иначе прекратите весь корпус цикла.
3. Выполните код оператора корпуса цикла
4. Выполните код экспрессии после петли
5. Вернитесь к шагу 2
Наиболее часто используемая форма для цикла является для (var i = 0; i <n; i ++) {оператор}
Это означает, что цикл выполняется в общее время n, что очень подходит для известных операций по количеству цикла.
Кода -копия выглядит следующим образом:
var anumbers = new Array ();
var smessage = "Вы ввели:/n";
var itotal = 0;
var vuserinput;
var iarrayindex = 0;
делать{
vuserinput = rasfor («введите число, или« 0 », выход», «0»);
nembers [iarrayindex] = vuserinput;
Iarrayindex ++;
itotal += число (vuserinput);
Smessage + = vuserInput + "/n";
} while (vuserinput! = 0) // Выйти из корпуса цикла, когда вход равен 0 (значение по умолчанию).
Smessage + = "total:" + itotal;
document.getElementbyId ("xxx"). innerhtml = smessage;
Разные типы петли
JavaScript поддерживает различные типы петли:
Для - блоки кода цикла на определенное количество раз
для/in - цикл через свойства объекта
В то время как - цикл указанный блок кода, когда указанное условие верно
Do/while - аналогично, зацикливание указанного кодового блока, когда указанное условие верно
Для петли
Для петли - это инструменты, которые вы часто используете, когда хотите создавать петли.
Вот синтаксис петли:
для (предложение 1; утверждение 2; утверждение 3)
{
Выполненный кодовый блок
}
Оператор 1 выполняется до начала цикла (кодовой блок)
Оператор 2 определяет условия для запуска цикла (кодовый блок)
Оператор 3 выполняется после выполнения цикла (кодовый блок)
Пример
for (var i = 0; i <5; i ++) {x = x + "Число" + i + "<br>"; }Из примера выше, вы можете увидеть:
Оператор 1 Установите переменную (var i = 0), прежде чем запустить цикл.
Оператор 2 определяет условия для бега цикла (я должен быть менее 5).
Оператор 3 добавляет значение (i ++) после выполнения каждого кодового блока.
Заявление 1
Обычно мы используем оператор 1 для инициализации переменной, используемой в цикле (var i = 0).
Оператор 1 является необязательным, что означает, что оператор 1 не используется.
Вы можете инициализировать любые (или несколько) значений в операторе 1:
Пример:
for (var i = 0, len = cars.length; i <len; i ++) {document.write (cars [i]+"<br>");}Вы также можете опустить оператор 1 (например, когда значение было установлено до начала цикла):
Пример:
var i = 2, len = cars.length; for (; i <len; i ++) {document.write (cars [i]+"<br>");}Заявление 2
Обычно оператор 2 используется для оценки условий для начальной переменной.
Оператор 2 также необязательно.
Если оператор 2 возвращает true, цикл запускается снова, и если false возвращается, цикл заканчивается.
Совет: если вы опустите оператор 2, вы должны предоставить перерыв в цикле. В противном случае цикл не будет остановлен. Это может разбить браузер. Пожалуйста, прочитайте о перерыве в последующих главах этого урока.
Заявление 3
Обычно оператор 3 увеличивает значение начальной переменной.
Оператор 3 также необязательно.
Заявление 3 имеет много применений. Приращение может быть отрицательным числом (i--) или больше (i = i+15).
Оператор 3 также может быть опущено (например, когда есть соответствующий код внутри цикла):
Пример:
var i = 0, len = cars.length; for (; i <len;) {document.write (cars [i]+"<br>"); i ++;}Для/в петле
JavaScript для/в операторе переходит через свойства объекта:
Пример
var person = {fname: "John", lname: "doe", возраст: 25}; для (x лично) {txt = txt + person [x]; }Вы узнаете больше о для/в циклах в главе об объектах JavaScript.
В то время как петля
Нажмите на цикл Whice и DO/DO/WHING LOOP, чтобы просмотреть эту статью.
Выше всего, что касается цикла в JavaScript. Надеюсь, вам понравится.