1: цикл for
Цикл for заранее определяет переменные, которые контролируют количество циклов в операторе for, поэтому оператор цикла for может выполнять операции цикла в соответствии с известным числом циклов, что подходит для ситуаций, когда количество время, когда сценарий необходимо запустить, четко известно.
Синтаксический формат цикла for следующий:
for (оператор инициализации; условие цикла; обновление переменной — приращение или уменьшение) {
блок операторов;
} Оператор цикла for можно разобрать на 4 части: три выражения в () и «блок операторов» в {} . Давайте проанализируем его ниже.
Анализ заявления:
Оператор инициализации (выражение 1): в основном используется для инициализации значения переменной, которая используется для установки счетчика, то есть значение в начале цикла выполняется только во время первого цикла и не будет выполняться; казнен снова в будущем.
Условие цикла (выражение 2): условие ограничения выполнения цикла, используемое для управления выполнением кода в теле цикла. Если условие истинно, цикл продолжается, если условие ложно, цикл завершается и цикл завершается; немедленно.
Обновление переменной (выражение 3): выражение с операцией увеличения или уменьшения. Каждый раз, когда выполняется цикл, значение счетчика немедленно изменяется, так что условие цикла постепенно становится «не истинным».
Блок операторов: ряд кодов, которые необходимо выполнить, когда условие будет признано истинным.
Не кажется ли приведенное выше описание немного запутанным? Давайте взглянем на блок-схему выполнения оператора цикла for, чтобы более интуитивно понять процесс выполнения цикла for:
Теперь, когда мы понимаем процесс выполнения цикла for, давайте выполним саму операцию и зададим небольшой вопрос, чтобы проверить, справились ли мы с ней!
Пример: вычислить сумму от 1 до 100
<script type="text/javascript">
вар сумма = 0;
for(var я=1; я<=100; я++){
сумма+=я;
}
console.log('1 + 2 + 3 +...+ 99 + 100 = '+сумма);
</скрипт> 
Три выражения в
цикле JS for можно опустить, но нельзя опустить точку с запятой, используемую для разделения этих трех выражений, как показано в следующем примере:
// Пропустить первое выражение Formula var i = 0;
для (; я <5; я++) {
//Код для выполнения}
// Опускаем второе выражение for (var y = 0; ; y++) {
если (у>5){
перерыв;
}
//Код для выполнения}
// Опускаем первое и третье выражения var j = 0;
для (; j < 5;) {
// Код, который необходимо выполнить j++;
}
// Опускаем все выражения var z = 0;
для (;;) {
если(г>5){
перерыв;
}
// Код для выполнения z++;
} Второе: для вложенности циклов.
Независимо от типа цикла, он может быть вложенным (то есть в цикле определен один или несколько циклов).
Формат синтаксиса:
for (оператор инициализации 1; условие цикла; обновление переменной — самоувеличение или самоуменьшение) {
//Блок операторов 1;
for (оператор инициализации 2; условие цикла; обновление переменной – самоувеличение или самоуменьшение) {
//Блок операторов 2;
for (оператор инициализации 3; условие цикла; обновление переменной — увеличение или уменьшение) {
//Блок операторов 3;
.....
}
}
} Здесь мы определяем три гнезда циклов for. Конечно, мы можем вкладывать столько циклов for, сколько захотим.
Случай: цикл for реализует таблицу умножения.
Сначала давайте посмотрим на таблицу умножения.
Можем нарисовать структуру диаграммы:
всего 9 строк и 9 столбцов, в каждой строке несколько выражений.
В i-й строке выражение начинается с i*1 и заканчивается на i*i. Всего выражений i (мы можем добиться этого эффекта с помощью цикла).
Следовательно, для управления выводом необходим двойной цикл. Внешний цикл контролирует количество строк i (i — минимум 1, максимум — 9), а внутренний цикл управляет столбцом j (j — минимум 1 и максимум равен). до i).
Код реализации:
for(var i = 1; i <= 9; i++){ //Внешний цикл управляет строками for(var j = 1; j <= i; j++) //Внутренний цикл управляет столбцами {
document.write(j+"*"+i+"="+j*i+" ");
}
document.write("</br>");
} Результат вывода:
Мы также можем поместить таблицу умножения 99 в таблицу и вывести ее, как показано на первом рисунке:
document.write("<table>");
for (var i = 1; i <= 9; i++) { //Строка управления внешним циклом document.write("<tr>");
for (var j = 1; j <= i; j++) // Столбец управления внутренним циклом {
document.write("<td>" + j + "*" + i + "=" + j * i + "</td>");
}
//Разрыв строки, контроль количества выражений, выводимых в каждой строке document.write("</tr>");
}
document.write("</table>"); Затем добавьте стиль CSS, чтобы изменить его:
стол {
ширина: 600 пикселей;
граница-коллапс: отдельная;
}
таблица тд {
граница: #000 1 пиксель, сплошная;
выравнивание текста: по центру;
} Посмотрите на вывод:
[Рекомендуемое обучение: расширенное руководство по JavaScript]
Выше приведено подробное содержание изучения цикла JS: использование операторов цикла for (подробные примеры). Для получения дополнительной информации, пожалуйста, обратите внимание на другие соответствующие статьи на китайском веб-сайте PHP!
