JavaScript Break 和 Continue 語句

JavaScript break 結束循環

JavaScript break 指令表示結束目前循環,然後繼續執行循環之後的程式碼。 break 一般配合if 條件語句一起使用,如下範例:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
        var i=1
        for (i = 1; i<=10; i++) {
        if (i > 5) {
        break;
        }
        document.write(i + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

運行結果:

1
2
3
4
5

JavaScript continue 跳過目前迴圈

#與break 指令不同的是,JavaScript continue 跳過目前的迴圈(相當於本次循環無效)而繼續下次循環,直到循環結束。

下面的範例示範了輸出1-10 之間的奇數:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
        var i=1
        for (i = 1; i<=10; i++) {
        if ( i % 2 == 0 ){
        continue;
        }
        document.write(i + "<br />");
        }
    </script>
</head>
<body>
</body>
</html>

運行結果:

1
3
5
7
9

提示

#如上例所示,不管是break 結束迴圈還是continue 跳過目前循環,需要注意執行break/continue 指令的位置。上面輸出奇數的例子,如果將 continue 指令放在 document.write 指令之後,就無法達到我們輸出奇數的結果。

JavaScript 標籤

如如您在 switch 語句那一章中看到的,可以標記 JavaScript 語句。

如需標記JavaScript 語句,請在語句之前加上冒號:

label:
statements

break 和continue 語句只是能夠跳出程式碼區塊的語句。

語法:

break labelname; 

continue labelname;

continue 語句(有或沒有標籤引用)只能用在循環中。

break 語句(不含標籤引用),只能用在迴圈或 switch 中。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
list:{
document.write(cars[0] + "<br>"); 
document.write(cars[1] + "<br>"); 
document.write(cars[2] + "<br>"); 
break list;
document.write(cars[3] + "<br>"); 
document.write(cars[4] + "<br>"); 
document.write(cars[5] + "<br>"); 
}
</script>
</body>
</html>


#
繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var i=1 for (i = 1; i<=10; i++) { if ( i % 2 == 0 ){ continue; } document.write(i + "<br />"); } </script> </head> <body> </body> </html>