Просмотр массива с помощью jQuery.each()

В приведенных ниже примерах показано, как просматривать и читать элементы массива JavaScript с помощью цикла for и jQuery.each().

JavaScript for loop

Цикл for прост для понимания и зависит от jQuery, так как он написан на JavaScript.

var array = [ 'un',  'два', 'три', 'четыре', 'пять' ]; 
var i;
for (i = 0; i < array.length; ++i) {
 // сделать что-нибудь с 'array[i]'
 
}

Second синтаксис:

for (var x in array) {
 // сделать что-нибудь с 'array[x]'
 
}

< h2>Функция jQuery.each()jQuery.each() является итеративной функцией, ее можно использовать для обхода объектов и массивов, которые итерируются числовым индексом от 0 до размера-1. Остальные объекты перебираются через их свойства.

jQuery.each(array, function(index, value) {
 // делаем что-то со 'value' (или 'this', который является 'value' )
 alert(index+": "+ value); 
}); 

Это выдаст следующее сообщение:

0: one
1: two
2: three
3: four
4: five

Если в функцию передан тип Object, Возвращаемым является объединение ключ-значение каждый раз:

var obj = {
 "1": "один",
 "2": "два"
}; 
$.each( obj, function( key, value ) {
 alert( key + ": " + value ); 
}); 

Advantage: Функция jquery.each() может содержать объявление функции внутри себя и автоматически увеличивает позицию в переменной index. Значение хранится в переменной "item", к которой можно получить доступ напрямую.
Недостаток: если вы используете ключевое слово  this внутри кода, вам нужно связать его с переменной, чтобы вы могли использовать его без функции, так как это означает что-то другое внутри функции.

Вы можете принудительно завершить цикл $.each() в конкретной итерации, вернув return функции обратно false. Возврат true эквивалентен оператору continuous в цикле for, он перейдет к следующей итерации.

jQuery.each( array, function( i, val ) {
 alert( i+": " + val ); 
 
 // Остановится после вывода "three"
 return ( val !== "three" ); 
}); 

Run в консоли показывает следующее:

0: one
1: two
2: three

Resources:
JavaScript for loop
jQuery Документация по API:   jQuery.each()
Как перебрать массив в jQuery?