Тема: Циклы  в JavaScript.

План занятия:

1.      Цикл while

2.       Цикл do…while

3.      Цикл for

4.      Прерывание цикла: break

5.      Директива continue          

Цель занятия: Освоить применение циклов в  JavaScript.

Циклы while, for

При написании скриптов зачастую встает задача сделать однотипное действие много раз.

Например, вывести товары из списка один за другим. Или просто перебрать все числа от 1 до 10 и для каждого выполнить одинаковый код.

Для многократного повторения одного участка кода – предусмотрены циклы.

Цикл while

Цикл while имеет вид:

while (условие) {

  // код, тело цикла

}

Пока условие верно – выполняется код из тела цикла.

Например, цикл ниже выводит i пока i < 3:

var i = 0;

while (i < 3) {

  alert( i );

  i++;

}

Повторение цикла по-научному называется «итерация».

Цикл do…while

Проверку условия можно поставить под телом цикла, используя специальный синтаксис do..while:

do {

  // тело цикла

} while (условие);

Цикл, описанный, таким образом, сначала выполняет тело, а затем проверяет условие.

Например:

var i = 0;

do {

  alert( i );

  i++;

} while (i < 3);

Синтаксис do..while редко используется, т.к. обычный while нагляднее – в нём не приходится искать глазами условие и ломать голову, почему оно проверяется именно в конце.

Цикл for

Чаще всего применяется цикл for. Выглядит он так:

for (начало; условие; шаг) {

  // ... тело цикла ...

}

Пример цикла, который выполняет alert(i) для i от 0 до 2 включительно (до 3):

var i;

for (i = 0; i < 3; i++) {

  alert( i );

}

Здесь:

·         Начало: i=0.

·         Условие: i<3.

·         Шаг: i++.

·         Тело: alert(i), т.е. код внутри фигурных скобок (они не обязательны, если только одна операция)

Любая часть for может быть пропущена.

for..in

Существует также специальная конструкция for..in для перебора свойств объекта.

Прерывание цикла: break

Выйти из цикла можно не только при проверке условия но и, вообще, в любой момент. Эту возможность обеспечивает директива break.

Следующая итерация: continue

Директива continue прекращает выполнение текущей итерации цикла.

Она – в некотором роде «младшая сестра» директивы break: прерывает не весь цикл, а только текущее выполнение его тела, как будто оно закончилось.

Скачано с www.znanio.ru