js Break 和 Continue 語句
阿新 • • 發佈:2019-02-07
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>