首頁 > web前端 > js教程 > 主體

JS跳出循環的三種方法

清浅
發布: 2019-03-07 14:29:13
原創
8221 人瀏覽過

js跳出迴圈的方法有三種分別是:break語句用於退出switch語句或迴圈語句,continue語句主要是用來中斷迴圈中的迭代以及return語句用來指定函數傳回的值

#在物件導向程式設計語法中我們常常會碰到break ,continue, return這三個常用的關鍵字,它們主要的作用跳出循環,接下來在文章中將為大家具體介紹這三種方法,具有一定的參考作用,希望對大家有幫助。

【推薦課程:javascript教學

JS跳出循環的三種方法

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>
登入後複製

效果圖:

JS跳出循環的三種方法

#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>
登入後複製

效果圖:

JS跳出循環的三種方法

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>
登入後複製

效果圖:

Image 061.png

由此說明return必須放在函數體內才可執行,它其作用和break類似

總結:以上就是本篇文章的全部內容了,希望透過這篇文章可以幫助大家如何在JavaScript中跳出循環語句。

以上是JS跳出循環的三種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板