JavaScript สำหรับ...ในลูป
ตัวอย่าง
วนซ้ำ (วนซ้ำ) เหนือคุณสมบัติของวัตถุ:
constperson = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x] + " ";
}
วนซ้ำ (วนซ้ำ) เหนือค่าของอาร์เรย์:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let x in cars) {
text += cars[x] + " ";
}
ตัวอย่างเพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คำfor...in
สั่งผสมจะวนซ้ำ (วนซ้ำ) เหนือคุณสมบัติของวัตถุ
บล็อกโค้ดภายในลูปจะดำเนินการเพียงครั้งเดียวสำหรับแต่ละคุณสมบัติ
บันทึก
อย่าใช้ for...in เพื่อวนซ้ำอาร์เรย์หากลำดับดัชนีมีความสำคัญ ใช้ for loop แทน
ดูสิ่งนี้ด้วย:
ไวยากรณ์
for (x in
object) {
code block to be executed
}
พารามิเตอร์
Parameter | Description |
x | Required. A variable to iterate over the properties. |
object | Required. The object to be iterated |
คำสั่งวนรอบ JavaScript
คำให้การ | คำอธิบาย | |
หยุดพัก | หลุดออกจากวง | |
ดำเนินต่อ | ข้ามค่าในลูป | |
ในขณะที่ | วนรอบบล็อกโค้ดในขณะที่เงื่อนไขเป็นจริง | |
ทำ...ในขณะที่ | วนรอบบล็อกโค้ดหนึ่งครั้ง จากนั้นในขณะที่เงื่อนไขเป็นจริง | |
สำหรับ | วนรอบบล็อกโค้ดในขณะที่เงื่อนไขเป็นจริง | |
สำหรับ...ของ | วนรอบค่าของ iterable | |
สำหรับใน | วนรอบคุณสมบัติของวัตถุ |
ตัวอย่างเพิ่มเติม
วนซ้ำคุณสมบัติของ window.location:
let text = "";
for (let x in location) {
text += x + "
";
}
document.getElementById("demo").innerHTML = text;
รองรับเบราว์เซอร์
for...in
เป็นคุณลักษณะ ECMAScript1 (ES1)
ES1 (JavaScript 1997) ได้รับการสนับสนุนอย่างสมบูรณ์ในเบราว์เซอร์ทั้งหมด:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |