JavaScript ขณะวนรอบ
ตัวอย่าง
วนรอบบล็อกโค้ดตราบใดที่ ai น้อยกว่า 5:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
}
วนซ้ำ (วนซ้ำ) อาร์เรย์เพื่อรวบรวมชื่อรถ:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let i = 0;
while (i < cars.length) {
text += cars[i] + "<br>";
i++;
}
- การวนซ้ำเริ่มต้นในตำแหน่ง 0 (
let i = 0
) - ลูปเพิ่มขึ้น
i
สำหรับการรันแต่ละครั้ง (i++
) - วนรอบทำงานตราบเท่าที่
i < cars.length
.
ตัวอย่างเพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คำwhile
สั่งสร้างลูป (araund บล็อกโค้ด) ที่ดำเนินการในขณะที่เงื่อนไขคือ
true
.
วนรอบทำงานในขณะที่เงื่อนไขคือtrue
. มิฉะนั้นจะหยุด
ดูสิ่งนี้ด้วย:
คำสั่งวนรอบ JavaScript
คำให้การ | คำอธิบาย | |
หยุดพัก | หลุดออกจากวง | |
ดำเนินต่อ | ข้ามค่าในลูป | |
ในขณะที่ | วนรอบบล็อกโค้ดในขณะที่เงื่อนไขเป็นจริง | |
ทำ...ในขณะที่ | วนรอบบล็อกโค้ดหนึ่งครั้ง จากนั้นในขณะที่เงื่อนไขเป็นจริง | |
สำหรับ | วนรอบบล็อกโค้ดในขณะที่เงื่อนไขเป็นจริง | |
สำหรับ...ของ | วนรอบค่าของ iterable | |
สำหรับใน | วนรอบคุณสมบัติของวัตถุ |
ไวยากรณ์
while (condition) {
code block to be executed
}
พารามิเตอร์
Parameter | Description |
condition | Required. The condition for running the code block. If it returns true, the code clock will start over again, otherwise it ends. |
บันทึก
หากเงื่อนไขเป็นจริงเสมอ การวนซ้ำจะไม่สิ้นสุด สิ่งนี้จะทำให้เบราว์เซอร์ของคุณขัดข้อง
หากคุณใช้ตัวแปรในเงื่อนไข คุณต้องเริ่มต้นตัวแปรก่อนการวนซ้ำ และเพิ่มค่าภายในลูป มิฉะนั้นการวนซ้ำจะไม่สิ้นสุด สิ่งนี้จะทำให้เบราว์เซอร์ของคุณขัดข้อง
ตัวอย่างเพิ่มเติม
วนซ้ำอาร์เรย์ในลำดับจากมากไปน้อย (การเพิ่มขึ้นเชิงลบ):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let len = cars.length;
while (len--) {
text += cars[len] + "<br>";
}
ใช้ตัวแบ่ง - วนรอบบล็อกของโค้ด แต่ออกจากลูปเมื่อ i == 3:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
if (i == 3) break;
}
ใช้ดำเนินการต่อ - วนซ้ำบล็อกของรหัส แต่ข้ามค่า 3:
let text = "";
let i = 0;
while (i < 5) {
i++;
if (i == 3) continue;
text += i + "<br>";
}
รองรับเบราว์เซอร์
while
เป็นคุณลักษณะ ECMAScript1 (ES1)
ES1 (JavaScript 1997) ได้รับการสนับสนุนอย่างสมบูรณ์ในเบราว์เซอร์ทั้งหมด:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |