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

สมมติว่าเรามีอาร์เรย์ปลอมของย่อหน้า:

javascriptlet elems = document.querySelectorAll('p');

มาแปลงมันเป็นอาร์เรย์ปกติกัน

วิธีแรก

สิ่งที่ชัดเจนที่สุดที่สามารถทำได้คือ การวนลูป อาร์เรย์ปลอมของเรา แล้วสร้างอาร์เรย์ใหม่ขึ้นมาใน ลูปนี้:

javascriptlet arr = [];

for (let elem of elems) {
  arr.push(elem);
}

วิธีที่สอง

สามารถใช้การสลายโครงสร้างได้:

javascriptlet arr = [...elems];

วิธีที่สาม

สามารถใช้เมธอด Array.from ได้:

javascriptlet arr = Array.from(elems);

โจทย์ฝึกปฏิบัติ

javascriptlet elems = document.querySelectorAll('p');