JS跳出循環(huán)的方法區(qū)別對比分析(break,continue,return)
跟許多多態(tài)語言一樣,js也有break,continue,return
面向?qū)ο缶幊陶Z法中我們會碰到break ,continue, return這三個常用的關(guān)鍵字，那么關(guān)于這三個關(guān)鍵字的使用具體的操作是什么呢？我們在使用這三關(guān)鍵字的時候需要注意和需要理解的規(guī)則是什么呢？讓我們開始介紹吧：
js編程語法之break語句：
break語句會使運行的程序立刻退出包含在最內(nèi)層的循環(huán)或者退出一個switch語句。
由于它是用來退出循環(huán)或者switch語句，所以只有當(dāng)它出現(xiàn)在這些語句時，這種形式的break語句才是合法的。
如果一個循環(huán)的終止條件非常復(fù)雜，那么使用break語句來實現(xiàn)某些條件比用一個循環(huán)表達(dá)式來表達(dá)所有的條件容易得多。
for(var i=1;i<=10;i++) {
if(i==8) {
break;
}
document.write(i);
} 當(dāng)i=8的時候，直接退出for這個循環(huán)。這個循環(huán)將不再被執(zhí)行！
//輸出結(jié)果：1234567
js編程語法之continue語句：
continue語句和break語句相似。所不同的是，它不是退出一個循環(huán)，而是開始循環(huán)的一次新迭代。
continue語句只能用在while語句、do/while語句、for語句、或者for/in語句的循環(huán)體內(nèi)，在其它地方使用都會引起錯誤！
for(var i=1;i<=10;i++) {
if(i==8) {
continue;
}
document.write(i);
} 當(dāng)i=8的時候，直接跳出本次for循環(huán)。下次繼續(xù)執(zhí)行。
//輸出結(jié)果：1234567910
js編程語法之return語句：
return語句就是用于指定函數(shù)返回的值。return語句只能出現(xiàn)在函數(shù)體內(nèi)，出現(xiàn)在代碼中的其他任何地方都會造成語法錯誤！
for(var i=1;i<=10;i++) {
if(i==8) {
return;
}
document.write(i);
} 執(zhí)行結(jié)果Uncaught SyntaxError: Illegal return statement(…)
意思是非法捕獲的查詢返回語句。
當(dāng)執(zhí)行return語句時，即使函數(shù)主體中還有其他語句，函數(shù)執(zhí)行也會停止！
<script>
if (username==""){
alert("請輸入用戶名");
return false;
}
if(qq==""){
alert("請輸入QQ");
return false;
}
</script>上面的實例里，當(dāng)username為空時，就不會再向下執(zhí)行，在一些表單提交中，也可以通過return false來阻止默認(rèn)的提交方式，改用Ajax的提交方式，例如：
<form id="form" onSubmit="return false"> ... </form>
到此這篇關(guān)于js跳出循環(huán)的方法區(qū)別(break,continue,return)的文章就介紹到這了,更多相關(guān)js跳出循環(huán)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
獲取當(dāng)前點擊按鈕的id用this.id實現(xiàn)
這篇文章主要介紹了獲取當(dāng)前點擊按鈕的id的方法，,需要的朋友可以參考下2014-03-03
JS Array.from()將偽數(shù)組轉(zhuǎn)換成數(shù)組的方法示例
這篇文章主要介紹了JS Array.from()將偽數(shù)組轉(zhuǎn)換成數(shù)組的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)禁止分享代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
下面小編就為大家?guī)硪黄狫SON 對象未定義錯誤的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
arctext.js實現(xiàn)文字平滑彎曲弧形效果的插件
這篇文章主要介紹了arctext.js實現(xiàn)文字平滑彎曲弧形效果的插件，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
js實現(xiàn)iframe動態(tài)調(diào)整高度的代碼
iframe,尤其是不帶邊框的iframe因為能和網(wǎng)頁無縫的結(jié)合從而不刷新頁面的情況下更新頁面的部分?jǐn)?shù)據(jù)成為可能，可是iframe的大小卻不像層那樣可以“伸縮自如”，所以帶來了使用上的麻煩，給iframe設(shè)置高度的時候多了也不好，少了更是不行，現(xiàn)在，讓我來告訴大家一種iframe動態(tài)調(diào)整高度的方法，主要是以下JS函數(shù)：2008-01-01
使用JavaScript截取視頻特定幀的實現(xiàn)方法
在網(wǎng)頁開發(fā)中,我們經(jīng)常需要對媒體文件進(jìn)行處理,其中包括視頻文件,有時候,我們可能需要從視頻中提取特定的幀,并將其顯示在網(wǎng)頁上,本文將介紹如何使用JavaScript來實現(xiàn)這一功能,感興趣的朋友跟著小編一起來看看吧2024-05-05
JavaScript使用Range調(diào)色及透明度實例
本文給大家分享的是使用range做的一個簡單的手動調(diào)色并可以得到RGB值的小工具，非常的實用，有需要的小伙伴可以參考下2016-09-09
本文主要介紹了小程序?qū)崿F(xiàn)Token生成與驗證，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-12-12
深入探究JavaScript中for循環(huán)的效率問題及相關(guān)優(yōu)化
這篇文章主要介紹了JavaScript中for循環(huán)的效率問題及相關(guān)優(yōu)化,文中談到了Underscore.js庫及循環(huán)在各個瀏覽器js解釋器下的表現(xiàn),需要的朋友可以參考下2016-03-03