JavaScript Break 和 Continue 語句

break 語句用來跳出迴圈。

continue 用來跳過迴圈中的一個迭代。


Break 語句

#我們已經在本教學之前的章節中看到過 break 語句。它用於跳出 switch() 語句。

break 語句可用來跳出迴圈。

break 語句跳出迴圈後,會繼續執行該迴圈之後的程式碼(如果有的話):

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击按钮,测试带有 break 语句的循环。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
for (i=0;i<10;i++){
if (i==3){
    break;
}
    x=x + "该数字为 " + i + "<br>";
    }
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

執行程式試試看


Continue 語句

continue 語句中斷迴圈中的迭代,如果出現了指定的條件,然後繼續循環中的下一個迭代。 此範例跳過了值3:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮来执行循环,该循环会跳过 i=3 的步进。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
for (i=0;i<10;i++){
  if (i==3){
    continue;
    }
x=x + "该数字为 " + i + "<br>";
  }
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

執行程式嘗試


#JavaScript 標籤

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

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

label:

statements

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

語法:

break labelname; 


continue labelname;

# continue 語句(有或沒有標籤引用)只能用在迴圈中。

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

透過標籤引用,break 語句可用於跳出任何JavaScript 程式碼區塊:

#實例

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

執行程式嘗試一下



繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>点击按钮,测试带有 break 语句的循环。</p> <button onclick="myFunction()">点击这里</button> <p id="demo"></p> <script> function myFunction(){ var x="",i=0; for (i=0;i<10;i++){ if (i==3){ break; } x=x + "该数字为 " + i + "<br>"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>