toArray 메서드

toArray 메서드는 jQuery 요소 집합을 JavaScript 배열로 변환합니다. 이는 이 배열에 JavaScript 메서드와 함수, 예를 들어 배열을 정렬하거나 뒤집는 것을 적용할 수 있도록 하기 위해 필요합니다.

구문

다음과 같이 전체 요소 집합을 가져옵니다:

javascript.toArray();

예시

toArray 메서드를 사용하여 p 태그를 가진 모든 요소를 배열로 가져온 후, reverse를 사용하여 뒤집고, JavaScript 메서드인 join를 사용하여 요소들의 텍스트 내용을 문자열로 출력해 봅시다:

html<p>텍스트1</p>
<p>텍스트2</p>
<p>텍스트3</p>

<div>텍스트4</div>
javascriptfunction print(elems) {
  let arr = [];
  
  for (let i = 0; i < elems.length; i++) {
    arr.push(elems[i].innerHTML);
  }
  
  console.log(arr.join(' '));
}

alert($('p').toArray().reverse());

참고 항목

  • 요소 집합을 가져오는 get 메서드
  • 집합 내 요소를 필터링하는 filter 메서드