- •1. Введение
- •2. Динамическое заполнение страницы
- •3. Циклы
- •3.1. Цикл do .. While
- •3.2. Цикл while
- •3.3. Примеры
- •3.4. Конструкция for
- •Общий синтаксис и принцип работы конструкции for:
- •Пример использования:
- •Комментарий к примеру:
- •Некоторые особенности синтаксиса for:
- •Инициализация управляющей переменной.
- •Изменение управляющей переменной.
- •Условие.
- •3.5. Ключевые слова break и continue. Оператор break
- •Комментарии к примеру:
- •Оператор continue
- •Комментарии к примеру.
- •3.6. Примеры
- •3.7. Вложенная конструкция циклов
- •Еще один пример:
- •Комментарий к коду:
- •4. Самостоятельное задание:
3.4. Конструкция for
Чуть выше мы с вами познакомились с таким понятием как цикл и рассмотрели некоторые из конструкций, представляющих циклы. А, именно – while и do while. Сейчас мы рассмотрим еще одну разновидность цикла – оператор for. Данный оператор теоретически является полной аналогией while, а практически позволяет организовать цикл с более удобным управлением.
Общий синтаксис и принцип работы конструкции for:
for(инициализация переменной; проверка условия; изменение переменной) { действие; }
В данной конструкции обычно вписывают в скобках переменные-итераторы (если забыли, то это переменные, которые помогают ограничить выполнение цикла).
Принцип выполнения цикла:
1. Инициализация переменной.
2. Проверка условия.
3. Выполнение действия, если условие истинно.
4. Если условие ложно, выход из цикла.
5. Если условие было истинно - изменение переменной.
6. Проверка условия. Далее снова пункт 3 или 4.
Проследите аналогию:
var count = 0; while (count < 3) { //Действие count ++; } |
for (var count=0; count<3; count++) { //Действие } |
Пример использования:
Рассмотрим простой уже знакомый пример: с помощью цикла показать на экран цифры от 1 до 5 включительно. Только сделаем это с помощью оператора for.
<html> <head> <script type="text/javascript"> for(var i = 1; i <= 5; i++) { document.write(i + " "); } </script> </head>
Комментарий к примеру:
1. Внутри цикла объявляется переменная i равная 1. Это и будет переменная-итератор.
2. Затем, осуществляется проверка значения этой переменной с помощью условия i<=5;
3. Если условие истинно (а так будет, пока i не достигнет значения 6) выполняется показ значения i на экран и изменение управляющей переменной i на 1 (i++). Затем, снова проверяется условие.
2. Если условие ложно (то есть значение i стало равно 6), то программа переходит на следующую строчку за закрывающейся фигурной скобкой цикла.
Примечание:
Обратите внимания, что первый шаг - СОЗДАНИЕ И ИНИЦИАЛИЗАЦИЯ ПЕРЕМЕННОЙ - всегда выполняется только один раз.
Некоторые особенности синтаксиса for:
Несмотря на простоту работы оператора, он обладает некоторыми особенностями форм записи.
Инициализация управляющей переменной.
1. Инициализация и создание переменной производится в цикле.
for(var i = 1; i <= 5; i++) { document.write(i + " "); }
2. Cоздание переменной производится до цикла, а инициализация в цикле.
var i;
for(i = 1; i <= 5; i++) { document.write(i + " "); }
3. Инициализация и создание переменной производятся до цикла. В этом случае будьте внимательны – точка с запятой вначале ОБЯЗАТЕЛЬНА.
var i = 1
for(; i <= 5; i++) { document.write(i + " "); }
Все три примера являются абсолютно функционирующими и равновесными.
Изменение управляющей переменной.
Изменение управляющей переменной можно перенести внутрь тела цикла, как это происходит в while и do while. Здесь будьте внимательны – точка с запятой в конце ОБЯЗАТЕЛЬНА.
for(var i = 1; i <= 5; ) { document.write(i + " ");
i++; }