Читать учебники:
HTML, CSS, JavaScript, DOM
PHP, MySQL, Apache, WordPress
Photoshop, Веб-дизайн, Flat
SEO, SMM, Landing Page

Цикл for JavaScript

Что такое цикл for в JavaScript

Урок №6
Цикл for в языке JavaScript
Цикл for JavaScript

Циклы предназначены для того, чтобы выполнять один и тот же блок кода, множество раз.

Всего в JavaScript существует четыре вида циклов, самый распространённый из них цикл for, его мы и будем рассматривать в данном уроке, а с остальными вы можете ознакомиться в дополнительных статьях посвященным циклам JavaScript.

Схема цикла for:

var i;
for(i=0; условие; i++) {
 блок кода;
}

В качестве условия, в циклах JavaScript, обычно выступают операции сравнения.

Пример использования цикла:

var i;
for(i=0; i<5; i++) {
 alert("Привет!");
}

Данный скрипт, выведет пять окошек подряд, с надписью Привет!. Рассмотрим каждую часть цикла.

Сначала создаём переменную var i;, которая будет участвовать в цикле, меняя свое значение. Затем на следующей строке пишем for() { }, где между фигурными скобками { } располагаем код, который будет исполняться определённое количество раз.

Между обычными скобками () располагаем:
i=0; присвоили начальное значение, переменной i,

i<5; условие, при котором будет работать цикл,
i++ арифметическая операция, увеличивающая переменную i на единицу 1, при каждом проходе цикла.

В итоге получаем, что всего в цикле будет 5 проходов (итераций), окошко появится 5 раз.

Разбираем подробней работу цикла for

Интерпретатор JavaScript, находя в коде цикл for, действует следующим образом, сначала он выясняет значение переменной i в нашем примере i=0, далее проверяется условие i<5, если условие вернёт true, то запустится код размещённый в фигурных скобках { }. После чего выполнится арифметическая операция i++, т.е. i + 1.

Затем все повторяется заного:
— определение значения переменной i,
— проверка условия,
— выполнение кода,
— арифметическая операция i++

Один проход по циклу, называется итерацией.

В нашем примере, будет всего 5 итераций, со значениями i равными 0, 1, 2, 3, 4. Как только i станет равной 5, то условие i<5 вернёт false и выполнение цикла прекратится.

Читать далее: Пользовательские функции в JavaScript

Вам понравились уроки? Поддержите проект "Учебники для вебмастера"!
Можете отправить с карточки, мобильного телефона или яндекс.кошелька.
Минимальная сумма перевода 30 руб.

Категория: Статья
Статья создана: 16 Окт 2014
Статья обновлена: 5 Фев 2016

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

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

gabdrahimov.ru - сайт для веб-разработчиков
(c) При использовании материалов, ссылка на сайт обязательна
Автор: Габдрахимов Дамир Google
e-mail: gabdr0[at]ya.ru
разработка сайта - gabdr0
бесплатный PHP хостинг (без рекламы!) - Beget