jQuery에서 배열로 변환하기

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

예를 들어 다음 HTML 코드를 살펴보겠습니다:

<p>text1</p>
<p>text2</p>
<p>text3</p>
<div>text4</div>

p 태그를 가진 모든 요소를 toArray 메서드를 사용하여 배열로 가져오고, reverse를 사용하여 뒤집어 봅시다. 그런 다음 JavaScript 메서드 join을 사용하여 요소의 텍스트 내용을 문자열로 출력해 보겠습니다.

요소의 텍스트를 추출하고 결과 배열을 문자열로 출력하기 위해 매개변수로 뒤집힌 배열을 받는 함수 print를 작성하겠습니다:

function print(elems) {
	let arr = [];
	
	for (let i = 0; i < elems.length; i++) {
			arr.push(elems[i].innerHTML);
	}
	alert(arr.join(' '));
}

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

span 태그를 가진 모든 요소를 배열로 가져오고 각 요소의 텍스트 내용에서 첫 글자를 대문자로 만드세요. 결과 텍스트 배열을 문자열로 콘솔에 출력하세요.