jQuery의 배열을 통한 루프

JavaScript에는 배열이나 다른 객체의 반복을 구현할 수 있는 광범위한 가능성이 있습니다. jQuery에서 반복자를 시작하는 방법은 $.each() 메서드뿐입니다.

이 짧은 기사는 jQuery에서 $.each() 메서드와 for 루프를 사용하여 배열을 반복하는 방법을 보여줍니다.

jQuery의 $.each() 메서드 및 for 루프

for 루프와 $.each() 메서드를 구분하면 for 루프는 작업 흐름이 수행되는 방식을 더 명확하게 보여줍니다. 또한 더 많은 코드 라인을 비교할 수 있습니다.

반대로 전체 프로세스는 jQuery 메서드에서 추상화됩니다. 필요한 것은 $.each()로 메서드를 시작하고 인덱스와 값을 매개변수로 갖는 드라이버 함수를 추가하는 것뿐입니다.

다음 섹션에서는 $.each() 함수와 for 루프가 어떻게 작동하는지 관찰합니다. 또한 정의된 jQuery 메서드 대신 배열을 반복하는 전통적인 방법을 구현할 수도 있습니다.

jQuery에서 for 루프 사용

코드 조각:

var arr = [7, 4, 2, 4];
var sum = 0;
for (var i = 0; i < arr.length; i++) {
  sum += arr[i];
}
console.log('Using for loop and sum: ' + sum);

출력:

보시다시피 jQuery 창 함수에 대한 언급이 없습니다. 따라서 배열을 반복하는 전용 jQuery 방식이라고 말할 수 없습니다.

그런 다음 다시 jQuery는 JavaScript 라이브러리이므로 유용성을 요약합니다.

$.each() 메서드를 사용하여 jQuery에서 배열 반복

배열을 사용하고 $.each() 메서드에서 index 및 value라는 매개 변수와 함수를 통합합니다. 반복을 보여주기 위해 어떤 변수도 설정하지 않을 것입니다.

오히려 한 줄의 코드로 값을 쉽게 합산할 수 있습니다.

코드 조각:

var arr = [7, 5, 9, 4];
var sum = 0;
$.each(arr, (index, val) => {
  sum += val;
});
console.log('Using jQuery each and the Sum: ' + sum);

출력: