JavaScript - Циклы

Циклы предназначены для многократного выполнения одних и тех же инструкций.

На языке JavaScript существует 4 вида циклов:

  • Цикл for. Этот цикл используется, когда известно точное количество повторений одних и тех же инструкций.
  • Цикл while. Он предназначен для выполнения одних и тех же инструкций до тех пор, пока заданное условие истинно.
  • Цикл do...while. Данный цикл аналогичен циклу while, но условие проверяется не перед выполнением повторяющихся инструкций, а после них. Таким образом, в отличие от цикла while, даже если условие изначально ложное, инструкции выполнятся хотя бы один раз.
  • Цикл for...in. Он применяется, когда необходимо перебрать все свойства в объекте или каждый элемент в массиве.

Цикл for состоит из заголовка и тела. Тело цикла состоит из инструкций, которые необходимо многократно выполнить. Количество повторений (итераций) выполнения тела цикла задаётся в заголовке с помощью выражений, которые разделяются друг от друга точкой с запятой (;).

Для создания заголовка цикла for необходимо:

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

Цикл for

// Цикл for от 1 до 9, с шагом 1
for (var i=1; i<=9; i++)
{
  //Если число чётное то пропускаем итерацию,
  //т.е. остаток от деления на 2 равен 0
  if (i%2==0) continue;
  //Выводим числа на экран
  document.write(i+"<br>");
}

Кроме этого, внутри тела циклов могут использоваться специальные операторы break и continue.

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

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

Цикл while выполняет одни и те же инструкции (тело цикла) до тех пор, пока истинно некоторое условие. Истинность условия проверяется перед каждым выполнением тела цикла. Если перед первой итерацией условие ложно, то цикл не выполняется ни разу.

Цикл while

// объявление переменной а и присвоение ей значения 0
var a=0;

//цикл while с условием a<=9
while (a<=9)
{
  //увеличиваем значение переменной на 1
  a++;
  //Если число чётное то пропускаем итерацию,
  //т.е. остаток от деления на 2 равен 0
  if (a%2==0) continue;
  //Выводим число на экран
  document.write(a+"<br>");
}

Цикл do...while, так же как и цикл while, выполняет одни и те же инструкции (тело цикла) до тех пор, пока некоторое условие истинно. Но в отличие от цикла while, в цикле do...while условие проверяется после каждого выполнения тела цикла. Если даже условие изначально ложно, то тело цикла всё равно выполнится один раз (т.к. условие проверяется после выполнения тела цикла).

Цикл do...while

// объявление переменной а и присвоение ей значения 0
var a=0;
 
//цикл do...while с условием a<=9
do
{
  //увеличиваем значение переменной на 1
  a++;
  //Если число чётное то пропускаем итерацию,
  //т.е. остаток от деления на 2 равен 0
  if (a%2==0) continue;
  //Выводим число на экран
  document.write(a+"<br>");
}
while (a<=9)

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

Цикл for...in

Принцип работы цикла for...in заключается в том, что переменная x принимает все имена свойств объекта y или индексы массива y. Таким образом, в каждой итерации вам доступно свойство объекта или элемент массива.



   JavaScript и jQuery 0    2251 0

Комментарии (0)

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