for...of — วนอ่านทีละสมาชิก
เมื่อไหร่ใช้ for...of
เมื่อต้องการทำอะไรทีละตัว (เช่น รวมข้อความ, ตรวจเงื่อนไข, เรียกฟังก์ชัน) โดยไม่จำเป็นต้องมีดัชนี
const todos = ["อ่านสเปก", "เขียนโค้ด", "ทดสอบ"];
for (const task of todos) {
console.log("- " + task);
}
เทียบกับ map/filter
map/filter เหมาะเมื่อต้องการอาร์เรย์ผลลัพธ์ · for...of เหมาะกับผลข้างเคียงหรือตรรกะหลายขั้นในลูป
ถ้าต้องการดัชนีด้วย ใช้
for (let i = 0; i < arr.length; i++) หรือ entries() — แต่เริ่มจาก for...of ให้คล่องก่อน