[jQuery] jQuery each 메소드를 사용한 예제

26 Dec 2023

jQuery의 each 메소드는 배열 또는 객체를 반복하며 각 요소에 대해 작업을 수행할 수 있습니다. 이 메소드를 사용하여 각 요소에 대해 특정 작업을 수행하는 간단한 예제를 다음과 같이 작성할 수 있습니다.

예제: 배열의 각 요소에 대해 작업 수행하기

다음은 배열을 반복하면서 각 요소를 출력하는 예제입니다.

const colors = ["red", "green", "blue"];

$.each(colors, function(index, value) {
  console.log(value);
});

위의 예제에서 $.each 메소드를 사용하여 배열 colors 의 각 요소를 출력합니다.

또한 객체의 각 속성에 대해 작업을 수행할 수도 있습니다.

const person = {
  name: "Alice",
  age: 30,
  city: "New York"
};

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

위의 예제에서 $.each 메소드를 사용하여 객체 person의 각 속성을 출력합니다.

이렇게하여 each 메소드를 사용하여 배열 및 객체의 요소 또는 속성을 반복하면서 원하는 작업을 수행할 수 있습니다.

jQuery의 each 메소드를 사용하면 배열 또는 객체의 요소를 반복하며 작업을 수행할 수 있습니다. 이를 통해 반복 작업을 간단하게 처리할 수 있습니다.

참고: