От автора: приветствую вас, друзья. Продолжаем тему циклов в JavaScript. В этой статье мы рассмотрим наиболее популярный цикл — это цикл for в JavaScript.
Как я уже отметил выше, это наиболее популярный из циклов в JavaScript, да и не только в нем. Например, в PHP также имеются циклы while и for. Цикл for в нем, пожалуй, будет популярнее. Причина этого, прежде всего, в более компактной форме записи цикла for.
Давайте вспомним, как мы работаем с циклом while. Итак, нам необходимо объявить (инициализировать) счетчик, это делается перед циклом while. Далее, мы объявляем условие выполнения цикла и внутри него изменяем значение счетчика. Так вот, эти три операции в цикле for записываются вместе, внутри скобок. Вот синтаксис цикла for:
|
1 2 3 |
for(инициализация счетчика; условие; увеличение счетчика){ // код } |
А теперь давайте попробуем переписать пример из статьи, посвященной циклу while, в котором мы выводили числа от 1 до 10 через запятую. Напомню его на всякий случай:
|
1 2 3 4 5 6 7 8 9 10 |
var i = 1, res = ''; while(i <= 10){ res += i; if(i != 10){ res += ','; } i++; } alert(res); |
А теперь воспроизводим тот же результат, но с циклом for:
|
1 2 3 4 5 6 7 8 |
var res = ''; for(var i = 1; i <= 10; i++){ res += i; if(i != 10){ res += ','; } } alert(res); |
Мы даже можем немного сократить этот код, перенеся объявление переменной res внутрь скобок цикла for, а именно, в первую часть, где объявляется счетчик. Ничто не мешает нам объявиться через запятую еще одну переменную:
|
1 2 3 4 5 6 7 |
for(var i = 1, res = ''; i <= 10; i++){ res += i; if(i != 10){ res += ','; } } alert(res); |
Как работает цикл for? Вначале цикла инициализируется счетчик и больше к этому действию мы не возвращаемся, т.е. оно происходит только один раз. Затем на каждой итерации цикла проверяется выполнение условия и изменение значения счетчика.
Вот, собственно и все. В общих чертах мы познакомились с вами с работой цикла for. Чуть позже мы еще вернемся к данной теме и рассмотрим другой вариант его использования. Ну а на этом мы завершим статью о цикле for в JavaScript. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!
