jQuery.each()で配列を参照する

以下の例は、for ループと jQuery.each().

JavaScript for ループ

for ループは JavaScript で記述されているため、理解しやすく、jQuery に依存しています.

var array = [ 'un', '2', '3', '4', '5' ];
var i;
for (i = 0; i < array.length; ++i) {
 // 'array[i]'
 
}

Second syntax:

for (var x in array) {
 // 'array[x]'
 
}

jQuery.each()

jQuery.each() 関数は反復関数であり、0 から size-1 までの数値インデックスによって反復されるオブジェクトと配列をトラバースするために使用できます。他のオブジェクトは、そのプロパティによって反復処理されます.

jQuery.each(array, function(index, value) {
 // 'value' (または 'value' である 'this' ) で何かをします )
 alert(index+": "+ value);
});

これにより、次のメッセージが生成されます:

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

Object 型が関数に渡された場合、 戻り値は、毎回のキーと値の結合です:

var obj = {
 "1": "one",
 "2": "two"
};
$.each( obj, function( key, value ) {
 alert( key + ": " + value );
});

Advantage:jquery.each()関数には、その中に関数の宣言を含めることができ、「index」変数内の位置を自動的にインクリメントします。値は、直接アクセスできる "item" 変数に格納されます。
デメリット: キーワード this は、関数内で別の意味を持つため、関数なしで使用できるように変数に関連付ける必要があります.

関数の戻り値をfalseに戻すことで、特定の反復で$.each()ループを強制的に終了させることができます。true を返すことは、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で配列をループする方法は?