ในการควบคุมโฟลว์ใน JavaScript ให้ใช้ป้ายกำกับ สามารถใช้เลเบลกับคำสั่ง break และ continue เพื่อควบคุมโฟลว์ได้แม่นยำยิ่งขึ้น เลเบลเป็นเพียงตัวระบุตามด้วยโคลอน (:) ที่ใช้กับคำสั่งหรือบล็อกของโค้ด เราจะเห็นตัวอย่างที่แตกต่างกัน 2 ตัวอย่างเพื่อทำความเข้าใจวิธีใช้ป้ายกำกับโดยแบ่งเป็นช่วงพักและดำเนินการต่อ
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ป้ายกำกับเพื่อควบคุมการไหลด้วยคำสั่ง 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> ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ป้ายกำกับเพื่อควบคุมโฟลว์ โดยมีคำสั่งดำเนินการต่อ -
การสาธิตสด
<html>
<body>
<script>
document.write("Entering the loop!<br /> ");
outerloop: // This is the label name
for (var i = 0; i < 3; i++) {
document.write("Outerloop: " + i + "<br />");
for (var j = 0; j < 5; j++) {
if (j == 3){
continue outerloop;
}
document.write("Innerloop: " + j + "<br />");
}
}
document.write("Exiting the loop!<br /> ");
</script>
</body>
</html> 