Перебор DOM-дерева или построчный вывод массивов выполняют циклы. Циклы очень часто применяют на практике. Существует встроенная функция each(). Она может заменить циклы, но у неё свои недостатки. Во внутрь функции each() не получится передать больше одного параметра. У функции each() есть один плюс - это автоматическая остановка цикла. Вернёмся к циклам. Цикл for самый интересный. Его можно тонко настроить. Тут нужно применить инкремент. Инкремент ++ увеличивает на 1. Каждый цикл состоит из условия, тела цикла и инкремента или декремента.

var arr = [1,2,3,4,5];
var i;
for(i=0; i < arr.length; i++){
  console.log(arr[i] + " : " + i);
}

Можно вывести массив в обратном порядке. Тут нужно использовать декремент. Декремент -- уменьшает на 1

var arr = [1,2,3,4,5];
var i;
for(i=arr.length; i > 0; i--){
  console.log(arr[i] + " : " + i);
}

Цикл while. Будьте осторожны с этим циклом. Если вы запустите цикл без остановки, то браузер зависнет. Обязательно поместите инкремент или декремент во внутрь цикла.

var arr = [1,2,3,4,5];
var i=0;
while(i < arr.length){
  console.log(arr[i] + " : " + i);
 i++;
}

Можно вывести массив в обратном порядке как в for.

var arr = [1,2,3,4,5];
var i=arr.length;
while(i > 0){
  console.log(arr[i] + " : " + i);
 i--;
}

В цикле for и while можно передать массу параметров. Внутри тела цикла переменные, объявленные вне тела цикла, видимы.

Циклы do-while. Есть одна важная особенность: этот цикл срабатывает как минимум 1 раз.

var i = 0;
do {
  console.log( i );
  i++;
} while (i < 3);

Тут тоже можно вывести цикл в обратном порядке.

var i = 3;
do {
  console.log( i );
  i--;
} while (i > 0);