1. 程式人生 > >js Break 和 Continue 語句

js Break 和 Continue 語句

Break 語句

break 語句可用於跳出迴圈。

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

例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>

<body>
<button type="button" onclick="myfunction()">點選</button>
<p id="demo"></p>

<script>
function myfunction(){
	var x="",i=0;
	for(i=0;i<10;i++){
		if(i==4){
			break;
		}
		x=x + "The number is " + i + "<br>" 
	}
	document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

效果圖:


Continue 語句

continue 語句中斷迴圈中的迭代,如果出現了指定的條件,然後繼續迴圈中的下一個迭代。

例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>

<body>
<button type="button" onclick="myfunction()">點選</button>
<p id="demo"></p>

<script>
function myfunction(){
	var x="",i=0;
	for(i=0;i<10;i++){
		if(i==4){
			continue;
		}
		x=x + "The number is " + i + "<br>" 
	}
	document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

效果圖:

JavaScript 標籤

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

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

label:
語句

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

語法

break labelname;

continue labelname;

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

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

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

例項

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>

<body>

<script>
	letter = ["abc","def","ghi","jkl"];
	list:{
		document.write(letter[0] + "<br>");
		document.write(letter[1] + "<br>");
		document.write(letter[2] + "<br>");
		break list;
		document.write(letter[3] + "<br>");
		document.write(letter[4] + "<br>");
		document.write(letter[5] + "<br>");
		
	}
</script>
</body>
</html>