JavaScript Break 和 Continue 語句
break 語句用來跳出迴圈。
continue 用來跳過迴圈中的一個(gè)迭代。
Break 語句
#我們已經(jīng)在本教學(xué)之前的章節(jié)中看到過 break 語句。它用於跳出 switch() 語句。
break 語句可用來跳出迴圈。
break 語句跳出迴圈後,會(huì)繼續(xù)執(zhí)行該迴圈之後的程式碼(如果有的話):
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p>點(diǎn)擊按鈕,測試帶有 break 語句的循環(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>
執(zhí)行程式試試看
Continue 語句
continue 語句中斷迴圈中的迭代,如果出現(xiàn)了指定的條件,然後繼續(xù)循環(huán)中的下一個(gè)迭代。 此範(fàn)例跳過了值3:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p>點(diǎn)擊下面的按鈕來執(zhí)行循環(huán),該循環(huán)會(huì)跳過 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>
執(zhí)行程式嘗試
#JavaScript 標(biāo)籤
##如您在switch 語句那一章中看到的,可以將JavaScript 語句標(biāo)記。 如需標(biāo)記JavaScript 語句,請(qǐng)?jiān)谡Z句之前加上冒號(hào):label:break 和continue 語句只是能夠跳出程式碼區(qū)塊的語句。statements
語法:
break?labelname;?# continue 語句(有或沒有標(biāo)籤引用)只能用在迴圈中。 break 語句(不含標(biāo)籤引用),只能用在迴圈或 switch 中。 透過標(biāo)籤引用,break 語句可用於跳出任何JavaScript 程式碼區(qū)塊:
continue?labelname;
#實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <script> direction=["上","下","左","右"]; list:{ document.write(direction[0] + "<br>"); document.write(direction[1] + "<br>"); document.write(direction[2] + "<br>"); break list; document.write(direction[3] + "<br>"); document.write(direction[4] + "<br>"); document.write(direction[5] + "<br>"); } </script> </body> </html>執(zhí)行程式嘗試一下