คำสั่งหยุด
คำสั่ง break ใช้เพื่อออกจากลูปก่อนกำหนด โดยแยกออกจากวงเล็บปีกกาที่ปิดอยู่ คำสั่ง break ออกจากลูป
มาดูตัวอย่างคำสั่ง break ใน JavaScript ตัวอย่างต่อไปนี้แสดงให้เห็นถึงการใช้คำสั่ง break กับ while loop สังเกตว่าวงแตกออกก่อนกำหนดเมื่อ x ถึง 5 และไปถึงคำสั่ง document.write (..) ด้านล่างจนถึงวงเล็บปีกกาปิด
ตัวอย่าง
สาธิตสด
<html> <body> <script> var x = 1; document.write("Entering the loop<br /> "); while (x < 20) { if (x == 5) { break; // breaks out of loop completely } x = x + 1; document.write( x + "<br />"); } document.write("Exiting the loop!<br /> "); </script> </body> </html>
ดำเนินการคำสั่งต่อ
คำสั่ง continue จะบอกให้ล่ามเริ่มการวนซ้ำครั้งถัดไปของลูปทันที และข้ามบล็อกโค้ดที่เหลือ เมื่อพบคำสั่งดำเนินการต่อ การไหลของโปรแกรมจะย้ายไปยังนิพจน์การตรวจสอบลูปทันที และหากเงื่อนไขยังคงเป็นจริง เงื่อนไขนั้นจะเริ่มการวนซ้ำถัดไป มิฉะนั้น ตัวควบคุมจะออกจากลูป
คำสั่งต่อไปแบ่งการวนซ้ำหนึ่งครั้งในลูป ตัวอย่างนี้แสดงให้เห็นถึงการใช้คำสั่ง Continue กับ while loop สังเกตวิธีการดำเนินการต่อ คำสั่งใช้เพื่อข้ามการพิมพ์เมื่อดัชนีอยู่ในตัวแปร x ถึง 8
ตัวอย่าง
สาธิตสด
<html> <body> <script> var x = 1; document.write("Entering the loop<br /> "); while (x < 10) { x = x + 1; if (x == 8) { continue; // skip rest of the loop body } document.write( x + "<br />"); } document.write("Exiting the loop!<br /> "); </script> </body> </html>
คำสั่งป้ายกำกับ
คำสั่งป้ายกำกับ JavaScript ใช้เพื่อนำหน้าป้ายกำกับไปยังตัวระบุ สามารถใช้เลเบลกับคำสั่ง break และ continue เพื่อควบคุมโฟลว์ได้แม่นยำยิ่งขึ้น เลเบลเป็นเพียงตัวระบุตามด้วยโคลอน (:) ที่ใช้กับคำสั่งหรือบล็อกของโค้ด เราจะเห็นตัวอย่างที่แตกต่างกันสองแบบเพื่อทำความเข้าใจวิธีใช้ป้ายกำกับโดยแบ่งเป็นช่วงพักและดำเนินการต่อ
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้ label เพื่อควบคุมการไหลด้วยคำสั่ง break
ตัวอย่าง
สาธิตสด
<html> <body> <script> document.write("Entering the loop!<br /> "); outerloop: // This is the label name for (var i = 0; i < 5; i++) { document.write("Outerloop: " + i + "<br />"); innerloop: for (var j = 0; j < 5; j++) { if (j > 3 ) break ; // Quit the innermost loop if (i == 2) break innerloop; // Do the same thing if (i == 4) break outerloop; // Quit the outer loop document.write("Innerloop: " + j + " <br />"); } } document.write("Exiting the loop!<br /> "); </script> </body> </html>