JavaScript ขณะวนซ้ำ
ลูปสามารถรันบล็อกของโค้ดได้ตราบเท่าที่เงื่อนไขที่ระบุเป็นจริง
The while Loop
การwhileวนซ้ำจะวนซ้ำในบล็อกของโค้ดตราบเท่าที่เงื่อนไขที่ระบุเป็นจริง
ไวยากรณ์
while (condition) {
// code block to be executed
}
ตัวอย่าง
ในตัวอย่างต่อไปนี้ โค้ดในลูปจะทำงานซ้ำแล้วซ้ำอีก ตราบใดที่ตัวแปร (i) น้อยกว่า 10:
ตัวอย่าง
while (i < 10) {
text += "The number is " + i;
i++;
}
หากคุณลืมเพิ่มตัวแปรที่ใช้ในเงื่อนไข การวนซ้ำจะไม่สิ้นสุด สิ่งนี้จะทำให้เบราว์เซอร์ของคุณขัดข้อง
The Do while Loop
ลู ปdo whileเป็นตัวแปรของลูป while การวนซ้ำนี้จะดำเนินการบล็อกโค้ดหนึ่งครั้ง ก่อนที่จะตรวจสอบว่าเงื่อนไขเป็นจริงหรือไม่ จากนั้นจะวนซ้ำวนซ้ำตราบเท่าที่เงื่อนไขนั้นเป็นจริง
ไวยากรณ์
do {
// code block to be executed
}
while (condition);
ตัวอย่าง
ตัวอย่างด้านล่างใช้การdo whileวนซ้ำ ลูปจะถูกดำเนินการอย่างน้อยหนึ่งครั้งเสมอ แม้ว่าเงื่อนไขจะเป็นเท็จ เนื่องจากบล็อกโค้ดจะถูกดำเนินการก่อนที่จะทดสอบเงื่อนไข:
ตัวอย่าง
do {
text += "The number is " + i;
i++;
}
while (i < 10);
อย่าลืมเพิ่มตัวแปรที่ใช้ในเงื่อนไข มิฉะนั้น การวนซ้ำจะไม่สิ้นสุด!
เปรียบเทียบสำหรับและในขณะที่
หากคุณได้อ่านบทที่แล้ว เกี่ยวกับ for loop คุณจะพบว่าการวนรอบ while เหมือนกับ for loop โดยที่คำสั่ง 1 และคำสั่ง 3 ละเว้น
ลูปในตัวอย่างนี้ใช้การforวนซ้ำเพื่อรวบรวมชื่อรถจากอาร์เรย์ของรถยนต์:
ตัวอย่าง
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
for (;cars[i];) {
text += cars[i];
i++;
}
ลูปในตัวอย่างนี้ใช้การwhileวนซ้ำเพื่อรวบรวมชื่อรถจากอาร์เรย์ของรถยนต์:
ตัวอย่าง
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
while (cars[i]) {
text += cars[i];
i++;
}