От автора: приветствую вас, друзья. От теоретических тем и вопросов постепенно мы переходим к более практическим темам в изучении JavaScript. И на очереди у нас тема циклов. В этой статье мы рассмотрим наиболее простой цикл — это цикл while в JavaScript.
Итак, что же такое циклы в JavaScript и для чего они нужны? На бытовом уровне, полагаю, многим понятно слово цикл. Цикл — это нечто повторяющееся раз за разом, некий набор повторяющихся действий.
В JavaScript циклы необходимы для выполнения определенной операции (или набора действий) некоторое количество раз (или итераций цикла). Т.е., если нам необходимо несколько раз выполнить определенный код, значит, нам нужен цикл.
Важным условием работы цикла должен быть выход из него, т.е. необходимо условие завершения цикла, иначе наш цикл будет бесконечным. Ну и давайте посмотрим на синтаксис цикла while:
|
1 2 3 |
while(условие){ // выполняемый код } |
Буквально можно прочесть так: пока выполняется условие — выполняем код. Собственно, while в переводе с английского как раз и обозначает — пока.
Теперь давайте посмотрим на практический пример. Попробуем вывести цифры от 1 до 10 через запятую:
|
1 2 3 4 5 6 7 |
var i = 1, // счетчик res = ''; // пустая переменная для результата while(i <= 10){ // пока счетчик <= 10 res += i + ','; // записываем текущее значение счетчика и запятую после него i++; // инкрементируем (увеличиваем на 1) значение счетчика } alert(res); |
Вот что мы получим в результате:
Каждую строчку скрипта я прокомментировал, так что он должен быть понятен. Обратите внимание на счетчик — переменная i. После заполнения переменной res на каждой итерации цикла мы его увеличиваем на 1. Это нужно для того, чтобы цикл не стал бесконечным и не зациклился. Таким образом, на первой итерации цикла переменная i равна 1, на второй 2, на третьей — 3 и т.д. до тех пор, пока выполняется условие. Когда счетчик достигнет значения 11, тогда условие уже не выполнится и цикл завершит свою работу. После этого мы и распечатаем значение переменной res с искомым результатом.
Обратите внимание на лишнюю запятую после 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); |
В условии мы добавляем запятую после числа только в том случае, если счетчик не равен 10. Достаточно просто, не так ли? На этом мы завершим статью о цикле while в JavaScript. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!
