การแปลงเป็นอาร์เรย์ใน 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 ในรูปแบบอาร์เรย์ และทำให้ตัวอักษรแรก ของเนื้อหาข้อความแต่ละองค์ประกอบ เป็นตัวพิมพ์ใหญ่ แสดงอาร์เรย์ผลลัพธ์ ที่มีข้อความเป็นสตริงในคอนโซล