JavaScript Break 和 Continue 語(yǔ)句
break 語(yǔ)句用于跳出循環(huán)。
continue 用于跳過(guò)循環(huán)中的一個(gè)迭代。
Break 語(yǔ)句
我們已經(jīng)在本教程之前的章節(jié)中見(jiàn)到過(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):
{
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):
statements
break 和 continue 語(yǔ)句僅僅是能夠跳出代碼塊的語(yǔ)句。
語(yǔ)法:
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í)例