JavaScript Break 和 Continue 語(yǔ)句

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

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

Break 語(yǔ)句

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

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

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

實(shí)例

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

<p>點(diǎn)擊按鈕，測(cè)試帶有 break 語(yǔ)句的循環(huán)。</p>
<button onclick="myFunction()">點(diǎn)擊這里</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>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

由于這個(gè) if 語(yǔ)句只有一行代碼，所以可以省略花括號(hào)：

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

Continue 語(yǔ)句

continue 語(yǔ)句中斷循環(huán)中的迭代，如果出現(xiàn)了指定的條件，然后繼續(xù)循環(huán)中的下一個(gè)迭代。該例子跳過(guò)了值 3：

實(shí)例

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

<p>點(diǎn)擊下面的按鈕來(lái)執(zhí)行循環(huán)，該循環(huán)會(huì)跳過(guò) i=3 的步進(jìn)。</p>
<button onclick="myFunction()">點(diǎn)擊這里</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>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

JavaScript 標(biāo)簽

正如您在 switch 語(yǔ)句那一章中看到的，可以對(duì) JavaScript 語(yǔ)句進(jìn)行標(biāo)記。

如需標(biāo)記 JavaScript 語(yǔ)句，請(qǐng)?jiān)谡Z(yǔ)句之前加上冒號(hào)：

label:
statements

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

語(yǔ)法:

break labelname;

continue labelname;

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

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

通過(guò)標(biāo)簽引用，break 語(yǔ)句可用于跳出任何 JavaScript 代碼塊：

實(shí)例

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

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

← JavaScript while 循環(huán)

JavaScript typeof →