การแปลงเป็นอาร์เรย์ใน jQuery

เมธอด toArray แปลงชุดองค์ประกอบ jQuery เป็น อาร์เรย์ JavaScript ปกติ สิ่งนี้จำเป็นเพื่อให้ สามารถใช้เมธอดและ ฟังก์ชัน JavaScript กับอาร์เรย์นี้ได้ เช่น เรียงลำดับ อาร์เรย์นี้หรือ ย้อนกลับ

ลองพิจารณาโค้ด HTML ต่อไปนี้เป็นตัวอย่าง:

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

มาดูวิธีการรับองค์ประกอบทั้งหมดที่มี แท็ก p ในรูปแบบอาร์เรย์โดยใช้เมธอด toArray, ย้อนกลับมันโดยใช้ reverse. จากนั้นแสดงเนื้อหาข้อความขององค์ประกอบ ในรูปแบบสตริง โดยใช้เมธอด JavaScript join

เพื่อแยกข้อความขององค์ประกอบและแสดงผล อาร์เรย์ที่ได้ในรูปแบบสตริง เราจะเขียนฟังก์ชัน print, ซึ่งพารามิเตอร์ของมันจะเป็นอาร์เรย์ที่ถูกย้อนกลับ:

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

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