JavaScript Break 和 Continue 語句

break 語句用于跳出循環(huán)。

continue 用于跳過循環(huán)中的一個迭代。

Break 語句

我們已經(jīng)在本教程之前的章節(jié)中見到過 break 語句。它用于跳出 switch() 語句。

break 語句可用于跳出循環(huán)。

break 語句跳出循環(huán)后，會繼續(xù)執(zhí)行該循環(huán)之后的代碼（如果有的話）：

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>

<p>點擊按鈕，測試帶有 break 語句的循環(huán)。</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 + "該數(shù)字為 " + 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 語句中斷循環(huán)中的迭代，如果出現(xiàn)了指定的條件，然后繼續(xù)循環(huán)中的下一個迭代。該例子跳過了值 3：

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>

<p>點擊下面的按鈕來執(zhí)行循環(huán)，該循環(huán)會跳過 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 + "該數(shù)字為 " + i + "<br>";
  	}
	document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

運行實例 ?

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

JavaScript 標簽

正如您在 switch 語句那一章中看到的，可以對 JavaScript 語句進行標記。

如需標記 JavaScript 語句，請在語句之前加上冒號：

label:
statements

break 和 continue 語句僅僅是能夠跳出代碼塊的語句。

語法:

break labelname;

continue labelname;

continue 語句（帶有或不帶標簽引用）只能用在循環(huán)中。

break 語句（不帶標簽引用），只能用在循環(huán)或 switch 中。

通過標簽引用，break 語句可用于跳出任何 JavaScript 代碼塊：

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(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>

運行實例 ?

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

← JavaScript while 循環(huán)

JavaScript typeof →