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>

執行實例»

點擊"運行實例" 按鈕查看線上實例

由於這個if 語句只有一行程式碼,所以可以省略花括號:

for (i=0;i<10;i++)
  {
  if (i==3) break;
  x=x + "The number is " + i + "<br>";
  }



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>
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>

執行實例»

點擊"運行實例" 按鈕查看線上實例


#