詳解JavaScript中循環(huán)控制語句的用法
JavaScript提供完全控制來處理循環(huán)和switch語句??赡苡幸环N情況,當(dāng)你需要退出一個(gè)循環(huán),但未達(dá)到其底部。也可能有一種情況,當(dāng)要跳過的碼塊的一部分,并直接開始下一個(gè)迭代。
為了處理這些情況下,JavaScript提供了break和continue語句。這些語句是用來馬上退出任何循環(huán)或啟動(dòng)循環(huán)的下一次迭代。
break 語句:
break語句,這是簡單地用switch語句介紹,用于提前退出循環(huán),打破封閉的花括號。
例子:
這個(gè)例子說明了如何使用break語句同while循環(huán)。請注意循環(huán)打破了初期由x到5,document.write(..) 語句的正下方,以右大括號:
<script type="text/javascript"> <!-- var x = 1; document.write("Entering the loop<br /> "); while (x < 20) { if (x == 5){ break; // breaks out of loop completely } x = x + 1; document.write( x + "<br />"); } document.write("Exiting the loop!<br /> "); //--> </script>
這將產(chǎn)生以下結(jié)果:
Entering the loop 2 3 4 5 Exiting the loop!
我們已經(jīng)看到break語句在switch語句中使用。
continue 語句:
continue語句告訴解釋器立即啟動(dòng)循環(huán)的下一次迭代,并跳過其余的代碼塊。
當(dāng)遇到continue語句,程序流程將立即轉(zhuǎn)移到循環(huán)檢查表達(dá)式,如果條件保持真,那么就開始下一個(gè)迭代,否則控制退出循環(huán)。
例子:
這個(gè)例子說明使用continue語句同while循環(huán)。請注意continue語句用于跳過打印時(shí)指數(shù)變量x到達(dá)5:
<script type="text/javascript"> <!-- var x = 1; document.write("Entering the loop<br /> "); while (x < 10) { x = x + 1; if (x == 5){ continue; // skill rest of the loop body } document.write( x + "<br />"); } document.write("Exiting the loop!<br /> "); //--> </script>
這將產(chǎn)生以下結(jié)果:
Entering the loop 2 3 4 6 7 8 9 10 Exiting the loop!
使用標(biāo)簽來控制流程:
從JavaScript1.2開始,標(biāo)簽可以與break及continue使用,繼續(xù)更精確地控制流程。
標(biāo)簽是簡單的標(biāo)識符隨后被施加到一個(gè)語句或代碼塊冒號??吹絻蓚€(gè)不同的例子來了解標(biāo)簽使用突破,并繼續(xù)。
注:換行符是不是繼續(xù)還是分手聲明,其標(biāo)簽名稱之間允許的。此外,不應(yīng)該有一個(gè)標(biāo)簽名稱和相關(guān)聯(lián)的回路之間的任何其它聲明。
實(shí)例1:
<script type="text/javascript"> <!-- document.write("Entering the loop!<br /> "); outerloop: // This is the label name for (var i = 0; i < 5; i++) { document.write("Outerloop: " + i + "<br />"); innerloop: for (var j = 0; j < 5; j++) { if (j > 3 ) break ; // Quit the innermost loop if (i == 2) break innerloop; // Do the same thing if (i == 4) break outerloop; // Quit the outer loop document.write("Innerloop: " + j + " <br />"); } } document.write("Exiting the loop!<br /> "); //--> </script>
這將產(chǎn)生以下結(jié)果:
Entering the loop! Outerloop: 0 Innerloop: 0 Innerloop: 1 Innerloop: 2 Innerloop: 3 Outerloop: 1 Innerloop: 0 Innerloop: 1 Innerloop: 2 Innerloop: 3 Outerloop: 2 Outerloop: 3 Innerloop: 0 Innerloop: 1 Innerloop: 2 Innerloop: 3 Outerloop: 4 Exiting the loop!
實(shí)例2:
<script type="text/javascript"> <!-- document.write("Entering the loop!<br /> "); outerloop: // This is the label name for (var i = 0; i < 3; i++) { document.write("Outerloop: " + i + "<br />"); for (var j = 0; j < 5; j++) { if (j == 3){ continue outerloop; } document.write("Innerloop: " + j + "<br />"); } } document.write("Exiting the loop!<br /> "); //--> </script>
這將產(chǎn)生以下結(jié)果:
Entering the loop! Outerloop: 0 Innerloop: 0 Innerloop: 1 Innerloop: 2 Outerloop: 1 Innerloop: 0 Innerloop: 1 Innerloop: 2 Outerloop: 2 Innerloop: 0 Innerloop: 1 Innerloop: 2 Exiting the loop!
- javascript 循環(huán)語句 while、do-while、for-in、for用法區(qū)別
- js使用for循環(huán)及if語句判斷多個(gè)一樣的name
- Javascript中for循環(huán)語句的幾種寫法總結(jié)對比
- javascript中的循環(huán)語句for語句深入理解
- 用循環(huán)或if語句從json中取數(shù)據(jù)示例
- JavaScript中對循環(huán)語句的優(yōu)化技巧深入探討
- JavaScript for循環(huán) if判斷語句(學(xué)習(xí)筆記)
- 簡單學(xué)習(xí)JavaScript中的for語句循環(huán)結(jié)構(gòu)
- 詳細(xì)談?wù)凧avaScript中循環(huán)之間的差異
相關(guān)文章
JavaScript與DOM組合動(dòng)態(tài)創(chuàng)建表格實(shí)例
這篇文章簡單介紹了DOM 1.0一些基本而強(qiáng)大的方法以及如何在JavaScript中使用它們;你可以學(xué)到如何動(dòng)態(tài)地創(chuàng)建、獲取、控制和刪除HTML元素2012-12-12JavaScript onkeypress事件入門實(shí)例(按下或按住一個(gè)鍵盤按鍵)
這篇文章主要介紹了JavaScript onkeypress事件入門實(shí)例,onkeypress事件捕捉按下或按住一個(gè)鍵盤按鍵的情況,需要的朋友可以參考下2014-10-10Function.prototype.apply()與Function.prototype.call()小結(jié)
JavaScript 中,某個(gè)函數(shù)的參數(shù)數(shù)量是不固定的,因此要說適用條件的話,當(dāng)你的參數(shù)是明確知道數(shù)量時(shí),用 call,而不確定的時(shí)候,用 apply,然后把參數(shù) push 進(jìn)數(shù)組傳遞進(jìn)去。當(dāng)參數(shù)數(shù)量不確定時(shí),函數(shù)內(nèi)部也可以通過 arguments 這個(gè)數(shù)組來便利所有的參數(shù)2016-04-04Google Dart編程語法和基本類型學(xué)習(xí)教程
Dart編程語言是一個(gè)完全面向?qū)ο蟮恼Z言,包括基礎(chǔ)類型如int變量也都是對象,本文主要介紹了Google Dart編程語法和基本類型2013-11-11javascript 內(nèi)置對象及常見API詳細(xì)介紹
這篇文章主要介紹了javascript 內(nèi)置對象及常見API的相關(guān)資料,這里對內(nèi)置對象進(jìn)行了詳細(xì)的整理,需要的朋友可以參考下2016-11-11