JavaScript中break、continue和return的用法區(qū)別實(shí)例分析
本文實(shí)例講述了JavaScript中break、continue和return的用法區(qū)別。分享給大家供大家參考,具體如下:
break 停止了這個(gè)for循環(huán),跳出循環(huán)來繼續(xù)執(zhí)行fn函數(shù)里之后的語句
function fn() { for(var i = 0; i < 5; i++) { if(i == 3) { break; } console.log(i); } console.log("ha") } fn();//0 1 2 ha
continue 只是停止了當(dāng)前循環(huán),繼續(xù)執(zhí)行后面的循環(huán),當(dāng)循環(huán)執(zhí)行完繼續(xù)執(zhí)行fn函數(shù)里之后的語句
function fn() { for(var i = 0; i < 5; i++) { if(i == 3) { continue; } console.log(i); } console.log("ha") } fn();//0 1 2 4 ha
return 停止了這個(gè)for循環(huán),跳出循環(huán)并且停止執(zhí)行fn函數(shù)里后邊的語句
function fn() { for(var i = 0; i < 5; i++) { if(i == 3) { return; } console.log(i); } console.log("ha") } fn();//0 1 2
注:
如果這樣寫,沒有fn函數(shù)會(huì)報(bào)以下錯(cuò)誤
查看了js的手冊(cè)后發(fā)現(xiàn),在js中return 語句只能放在function中,如果不是在一個(gè)function中彈出如上錯(cuò)誤。
for(var i = 0; i < 5; i++) { if(i == 3) { return; } console.log(i); }
forEach中無法 break 和 continue,會(huì)報(bào)以下錯(cuò)誤。
使用return也不能跳出整個(gè)循環(huán):
var a=[1,2,3,4,5,6,7,8,9] a.forEach((item,index)=>{ if(item == 6) { return }else{ console.log(item); } })
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JavaScript跳出循環(huán)的三種方法(break, return, continue)
- 淺析JavaScript中break、continue和return的區(qū)別
- javascript中break,continue和return語句用法小結(jié)
- javaScript如何跳出多重循環(huán)break、continue
- JavaScript Break 和 Continue區(qū)別教程
- javascript中關(guān)于break,continue的特殊用法與介紹
- Javascript基礎(chǔ)教程之break和continue語句
- js中return false(阻止)的用法
- Javascript中的return作用及javascript return關(guān)鍵字用法詳解
- javascript中return,return true,return false三者的用法及區(qū)別
- JS中實(shí)現(xiàn)函數(shù)return多個(gè)返回值的實(shí)例
- 一道優(yōu)雅面試題分析js中fn()和return fn()的區(qū)別
相關(guān)文章
JavaScript給按鈕綁定點(diǎn)擊事件(onclick)的方法
這篇文章主要介紹了JavaScript給按鈕綁定點(diǎn)擊事件(onclick)的方法,涉及javascript綁定onclick的基本技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04JavaScript提高性能知識(shí)點(diǎn)匯總
這篇文章主要為大家介紹了JavaScript幾個(gè)提高性能知識(shí)點(diǎn),感興趣的小伙伴們可以參考一下2016-01-01JavaScript+HTML?實(shí)現(xiàn)網(wǎng)頁錄制音頻與下載
在這個(gè)數(shù)字化的時(shí)代,網(wǎng)頁端的音頻處理能力已經(jīng)成為一個(gè)非常熱門的需求,本文將詳細(xì)介紹如何利用 getUserMedia 和 MediaRecorder 這兩個(gè)強(qiáng)大的 API,實(shí)現(xiàn)網(wǎng)頁端音頻的錄制、處理和播放等功能,需要的朋友可以參考下2024-07-07JS返回只包含數(shù)字類型的數(shù)組實(shí)例分析
這篇文章主要介紹了JS返回只包含數(shù)字類型的數(shù)組實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了循環(huán)遍歷數(shù)組及正則匹配兩種實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-12-12靜態(tài)頁面下用javascript操作ACCESS數(shù)據(jù)庫(kù)(讀增改刪)的代碼
[紅色]靜態(tài)頁面下用javascript操作ACCESS數(shù)據(jù)庫(kù)(讀增改刪)的代碼...2007-05-05JavaScript顯示當(dāng)前文檔最后修改日期的方法
這篇文章主要介紹了JavaScript顯示當(dāng)前文檔最后修改日期的方法,實(shí)例分析了javascript中document.lastModified的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03