jQuery.each()로 배열 찾아보기

아래 예제는 for 루프와 jQuery.each().

JavaScript for loop

for 루프는 JavaScript로 작성되었기 때문에 이해하기 쉽고 jQuery에 의존합니다.

var 배열 = [ '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에서 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에서 배열을 반복하는 방법은 무엇입니까?