Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

อธิบาย JavaScript Break, Continue และ Label Statements


คำสั่งหยุด

คำสั่ง 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>