map 메서드

map 메서드는 집합의 각 요소에 대해 주어진 함수를 호출합니다. 이 메서드는 요소 컬렉션의 값을 얻거나 설정하는 데 특히 편리합니다. map 메서드는 each 메서드가 원본 요소 집합을 반환하는 것과 달리, 새롭게 형성된 다양한 요소 및 객체의 집합을 반환합니다.

문법

요소 자체는 함수 내에서 this 변수로 접근할 수 있으며, 집합 내의 순서 번호는 index 변수로 접근할 수 있습니다:

$(selector).map(function(index, element));

예시

쉼표로 구분된 요소들의 id 이름 목록을 화면에 출력해 봅시다. get 메서드와 join 메서드도 사용하겠습니다:

<p id="aaa">text1</p>
<p id="bbb">text2</p>
<p id="ccc">text3</p>

console.log(
	$('p').map(
		function() {
			return this.id; 
		}
	).get().join()
);

참고 항목

특정 선택자에 따라 요소를 필터링하는 filter 메서드
집합의 각 요소에 대해 주어진 함수를 호출하는 each 메서드