JavaScript中break、continue和return的用法區別例項分析
阿新 • • 發佈:2020-03-03
本文例項講述了JavaScript中break、continue和return的用法區別。分享給大家供大家參考,具體如下:
break 停止了這個for迴圈,跳出迴圈來繼續執行fn函式裡之後的語句
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 只是停止了當前迴圈,繼續執行後面的迴圈,當迴圈執行完繼續執行fn函式裡之後的語句
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 停止了這個for迴圈,跳出迴圈並且停止執行fn函式裡後邊的語句
function fn() { for(var i = 0; i < 5; i++) { if(i == 3) { return; } console.log(i); } console.log("ha") } fn();//0 1 2
注:
如果這樣寫,沒有fn函式會報以下錯誤
查看了js的手冊後發現,在js中return 語句只能放在function中,如果不是在一個function中彈出如上錯誤。
for(var i = 0; i < 5; i++) { if(i == 3) { return; } console.log(i); }
forEach中無法 break 和 continue,會報以下錯誤。
使用return也不能跳出整個迴圈:
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程式碼執行工具:http://tools.jb51.net/code/HtmlJsRun測試上述程式碼執行效果。
更多關於JavaScript相關內容可檢視本站專題:《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查詢演算法技巧總結》、《JavaScript資料結構與演算法技巧總結》、《JavaScript遍歷演算法與技巧總結》及《JavaScript錯誤與除錯技巧總結》
希望本文所述對大家JavaScript程式設計有所幫助。