js跳出迴圈的方法有三種分別是:break語句用於退出switch語句或迴圈語句,continue語句主要是用來中斷迴圈中的迭代以及return語句用來指定函數傳回的值
#在物件導向程式設計語法中我們常常會碰到break ,continue, return這三個常用的關鍵字,它們主要的作用跳出循環,接下來在文章中將為大家具體介紹這三種方法,具有一定的參考作用,希望對大家有幫助。
【推薦課程:javascript教學】
break語句
break 語句是用於退出switch 語句或循環語句的
當break 語句用於switch 語句中時,會跳出switch 程式碼區塊,終止執行程式碼。
當break 語句用於循環語句時,會終止執行循環,並執行循環後代碼
#由於它是用來退出循環或switch語句的, 所以只有當它出現在這些語句的時候, 這種形式的break語句才是合法的
如果一個循環的終止條件非常複雜, 那麼使用break語句來實現某些條件比用一個循環表達式所有的條件容易得多
範例:
<script> for(var i=1;i<=10;i++) { if(i==8) { break; } console.log(i); } </script>
效果圖:
#continue語句
continue 語句主要的作用是中斷迴圈中的迭代,如果出現了指定的條件,然後繼續迴圈中的下一個迭代
continue語句和break語句比較相似,但仍然存在差別,continue語句不是退出一個迴圈而是開始迴圈的新迭代。
continue語句只能用在while語句、do/while語句、for語句、或for/in語句的迴圈體內, 在其他地方使用都會造成錯誤
<script> for(var i=1;i<=10;i++) { if(i==8) { continue; } console.log(i); } </script>
效果圖:
return語句:
return 語句就是用來指定函數傳回的值,它只能出現在函數體內,如果出現在程式碼中的其他任何地方都會造成語法錯誤。並且它會終止函數的執行並傳回函數的值
<script> for(var i=1;i<=10;i++) { if(i==8) { return; } console.log(i); } </script>
執行結果為:
Uncaught SyntaxError: Illegal return statement(…)這句話的意思是非法捕獲的查詢返回語句
但是如果我們將return放在函數裡就可以運行出來了
<script> function a(){ for(var i=1;i<=10;i++) { if(i==8) { return; } console.log(i); } } a(); </script>
效果圖:
由此說明return必須放在函數體內才可執行,它其作用和break類似
總結:以上就是本篇文章的全部內容了,希望透過這篇文章可以幫助大家如何在JavaScript中跳出循環語句。
以上是JS跳出循環的三種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!