JS有哪些跳出循環的方法

本篇文章給大家分享的是有關JS有哪些跳出循環的方法，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

      js跳出循環的方法有三種分別是：break語句用于退出switch語句或循環語句，continue語句主要是用來中斷循環中的迭代以及return語句用于指定函數返回的值

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

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有哪些跳出循環的方法，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。