Циклы в JavaScript (FOR, FOR-IN, While, do..while) с примерами

Looping - фундаментальная идея программирования, которая обычно используется при написании программ. Цикл представляет собой последовательность команд s, которая непрерывно повторяется до тех пор, пока не будет достигнуто определенное условие. Он предлагает быстрый и простой способ сделать что-то многократно.

В программировании JavaScript есть четыре цикла:

1. for
2. for-in
3. while
4. do-while

Цикл FOR в JavaScript

JavaScript for loop является наиболее широко используемым типом цикла, и он повторяется до тех пор, пока указанное условие не примет значение false.

Синтаксис

 
for (initialization; condition; increment) {
    code to be executed
}

Пример

 
      for (i=1; i<=5; i++){
        alert(i);
      }

1. i = 1: инициализация
2. i <= 5: условие
3. i ++: инкремент

Когда вы запустите указанную выше программу, в окне сообщения будет отображаться число от 1 до 5.

Цикл FOR-IN в JavaScript

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

Синтаксис

 
for(index in arrayName){
    code to be executed
}

Пример

 
var days = new Array("Sunday","Monday","Tuesday");
var day;
for (day in days) {
  alert(days[day]);
}

Цикл While в JavaScript

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

Синтаксис

 
while (condition) {
  code to be executed
}

Пример

 
var num=1;
while (num <= 5) {
  alert(num);
  num ++;
}

Цикл do..while в JavaScript

Цикл do-while выполняется хотя бы один раз, тогда как цикл while может вообще не выполняться. Это означает, что он выполнит блок кода один раз, прежде чем проверять, является ли условие истинным, тогда он будет повторять цикл, пока условие истинно.

Синтаксис

 
do{
    code to be executed
}while (condition);

Пример

 
var i=1;
do{
  alert("value of i is " + i);
  i++;
}while (i>5);

Когда вы запустите приведенный выше пример, он будет выполняться один раз, даже если условие не выполнено (i> 5).

Разница между while и do while

Цикл do-while гарантирует выполнение цикла хотя бы один раз, потому что он проверяет условие цикла ПОСЛЕ Итерации цикла. В то время как цикл while проверяет условие перед выполнением содержимого.

Бесконечный цикл в JavaScript

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

В JavaScript, опуская все части головы, цикл также может стать бесконечным:

 
for (;;) {}

Вы можете использовать цикл while как бесконечный цикл:

 
while (true) {
    //ваш код
}

Break в JavaScript

Выполнение инструкции break выходит из текущего цикла или инструкции и начинает выполнение скрипта с оператором, следующим за ним.

Пример

 
var i=1
while (i <= 5) {
  if (i==3)
  break;
  document.write( i + " - inside loop 
" );
  i ++
}
document.write("Exit from loop...." );

Выход

 
1 - inside loop
2 - inside loop
Exit from loop....

Continue в JavaScript

Оператор Continue в JavaScript останавливает текущую итерацию цикла и запускает новую итерацию.

Пример

 
var i=0
while (i <= 4) {
  i ++;
  if (i==2)
    continue;
    document.write( i + " number of time" );
}

Выход

 
1 number of time
3 number of time
4 number of time
5 number of time

Источник: http://net-informations.com/js/funda/loops.htm

(Пока оценок нет)