반복문 .each() .map() for()

jQuery에서는 여러 가지 유형의 반복문을 사용할 수 있습니다. 아래에는 각각에 대한 설명과 예제가 포함되어 있습니다.

1. .each() 메서드 jQuery의 .each() 메서드는 객체 또는 배열의 각 항목을 반복하고 각 항목에 대한 작업을 수행합니다. 각각의 요소에 대해 함수를 실행합니다.

예를 들어, 다음은 .each() 메서드를 사용하여 배열의 각 요소를 출력하는 예제입니다:

var myArray = ["apple", "banana", "cherry"];

$.each(myArray, function(index, value) {
  console.log(index + ": " + value);
});

1. for 반복문 for 반복문을 사용하여 객체 또는 배열의 각 항목에 대해 작업을 수행할 수 있습니다. for 반복문은 기본 JavaScript 구문이므로 jQuery와 별도로 사용할 수 있습니다.

예를 들어, 다음은 for 반복문을 사용하여 배열의 각 요소를 출력하는 예제입니다:

var myArray = ["apple", "banana", "cherry"];

for (var i = 0; i < myArray.length; i++) {
  console.log(i + ": " + myArray[i]);
}

1. .map() 메서드 jQuery의 .map() 메서드는 객체 또는 배열의 각 항목을 반복하고 각 항목에 대한 작업을 수행한 결과를 새 배열에 저장합니다.

예를 들어, 다음은 .map() 메서드를 사용하여 배열의 각 요소를 대문자로 변환한 새 배열을 만드는 예제입니다:

var myArray = ["apple", "banana", "cherry"];

var uppercaseArray = $.map(myArray, function(value, index) {
  return value.toUpperCase();
});

console.log(uppercaseArray);