JavaScript цикл for

JavaScript цикл for

От автора: приветствую вас, друзья. Продолжаем тему циклов в JavaScript. В этой статье мы рассмотрим наиболее популярный цикл — это цикл for в JavaScript.

Как я уже отметил выше, это наиболее популярный из циклов в JavaScript, да и не только в нем. Например, в PHP также имеются циклы while и for. Цикл for в нем, пожалуй, будет популярнее. Причина этого, прежде всего, в более компактной форме записи цикла for.

Давайте вспомним, как мы работаем с циклом while. Итак, нам необходимо объявить (инициализировать) счетчик, это делается перед циклом while. Далее, мы объявляем условие выполнения цикла и внутри него изменяем значение счетчика. Так вот, эти три операции в цикле for записываются вместе, внутри скобок. Вот синтаксис цикла for:

for(инициализация счетчика; условие; увеличение счетчика){
	// код
}

А теперь давайте попробуем переписать пример из статьи, посвященной циклу while, в котором мы выводили числа от 1 до 10 через запятую. Напомню его на всякий случай:

var i = 1,
	res = '';
while(i <= 10){
	res += i;
	if(i != 10){
		res += ',';
	}
	i++;
}
alert(res);

А теперь воспроизводим тот же результат, но с циклом for:

var res = '';
for(var i = 1; i <= 10; i++){
	res += i;
	if(i != 10){
		res += ',';
	}
}
alert(res);

Мы даже можем немного сократить этот код, перенеся объявление переменной res внутрь скобок цикла for, а именно, в первую часть, где объявляется счетчик. Ничто не мешает нам объявиться через запятую еще одну переменную:

for(var i = 1, res = ''; i <= 10; i++){
	res += i;
	if(i != 10){
		res += ',';
	}
}
alert(res);

Как работает цикл for? Вначале цикла инициализируется счетчик и больше к этому действию мы не возвращаемся, т.е. оно происходит только один раз. Затем на каждой итерации цикла проверяется выполнение условия и изменение значения счетчика.

Вот, собственно и все. В общих чертах мы познакомились с вами с работой цикла for. Чуть позже мы еще вернемся к данной теме и рассмотрим другой вариант его использования. Ну а на этом мы завершим статью о цикле for в JavaScript. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!

Курс по JavaScript: основы

Изучите JavaScript с нуля до результата!

Смотреть курс

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree