ออบเจ็กต์ที่สามารถวนซ้ำได้ใน JavaScript

ออบเจ็กต์ใดๆ ก็ตามที่สามารถวนซ้ำด้วยลูป for of ได้ เรียกว่า ออบเจ็กต์ที่สามารถวนซ้ำได้

อาร์เรย์เป็นกรณีพิกริณหนึ่งของ ออบเจ็กต์ที่สามารถวนซ้ำได้:

javascriptlet arr = [1, 2, 3];

for (let elem of arr) {
  console.log(elem);
}

คอลเลกชัน Map ก็เป็น ออบเจ็กต์ที่สามารถวนซ้ำได้เช่นกัน:

javascriptlet map = new Map();
map.set('a', 1);
map.set('b', 2);
map.set('c', 3);

for (let elem of map) {
  console.log(elem);
}

คอลเลกชัน NodeList ก็เป็น ออบเจ็กต์ที่สามารถวนซ้ำได้เช่นกัน:

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

for (let elem of elems) {
  console.log(elem);
}

นอกจากนี้ JavaScript ยังอนุญาตให้สร้าง สิ่งใดๆ ก็ตามให้เป็นออบเจ็กต์ที่สามารถวนซ้ำได้ สำหรับสิ่งนี้ มีการจัดการพิเศษ ซึ่งเราจะศึกษาในบทเรียน ถัดไป:

javascriptlet obj = {a: 1, b: 2, c: 3};

// การจัดการที่ซับซ้อนอยู่ที่นี่

for (let elem of obj) { // สามารถวนซ้ำได้
  console.log(elem);
}