JavaScript Iterables
Iterables เป็นวัตถุที่ทำซ้ำได้ (เช่น Arrays)
Iterables สามารถเข้าถึงได้ด้วยรหัสที่ง่ายและมีประสิทธิภาพ
Iterables สามารถวนซ้ำได้ด้วยfor..of
ลูป
The For Of Loop
คำสั่ง JavaScript for..of
วนซ้ำผ่านองค์ประกอบของวัตถุที่ทำซ้ำได้
ไวยากรณ์
for (variable of iterable) {
// code block to be executed
}
วนซ้ำ
การวนซ้ำนั้นง่ายต่อการเข้าใจ
มันหมายถึงการวนซ้ำลำดับขององค์ประกอบ
ต่อไปนี้คือตัวอย่างง่ายๆ
- วนซ้ำบนสตริง
- วนซ้ำบนอาร์เรย์
วนซ้ำบนสตริง
คุณสามารถใช้การfor..of
วนซ้ำเพื่อวนซ้ำองค์ประกอบของสตริง:
ตัวอย่าง
const name = "W3Schools";
for (const x of name) {
// code block to be executed
}
วนซ้ำบนอาร์เรย์
คุณสามารถใช้for..of
ลูปเพื่อวนซ้ำองค์ประกอบของ Array:
ตัวอย่าง
const letters = ["a","b","c"];
for (const x of letters) {
// code block to be executed
}
คุณสามารถเรียนรู้รายละเอียดเพิ่มเติมเกี่ยวกับ Iterables ได้ในบทที่JS Object Iterables
วนซ้ำชุด
คุณสามารถใช้การfor..of
วนซ้ำเพื่อวนซ้ำองค์ประกอบของชุด:
ตัวอย่าง
const letters = new Set(["a","b","c"]);
for (const x of letters) {
// code block to be executed
}
ชุดและแผนที่จะกล่าวถึงในบทต่อไป
วนซ้ำบนแผนที่
คุณสามารถใช้การfor..of
วนซ้ำเพื่อวนซ้ำองค์ประกอบของแผนที่:
ตัวอย่าง
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
for (const x of fruits) {
// code block to be executed
}