es6中continue怎麼用-前端問答-PHP中文網

es6中continue怎麼用

WBOY

發布： 2022-08-30 17:09:53

原創

1281 人瀏覽過

在es6中，continue語句用於跳過當前迭代中的後續語句，並將控制權帶回循環的開頭；continue不會退出循環，而是終止當前迭代並開始後續迭代，語法為「for(...){...continue}」。

es6中continue怎麼用

本教學操作環境：windows10系統、ECMAScript 6.0版本、Dell G3電腦。

es6中continue怎麼用

continue語句跳過目前迭代中的後續語句，並將控制權帶回迴圈的開頭。與break語句不同，continue不會退出迴圈。它終止當前迭代並開始後續迭代。以下是continue語句的範例。

範例 (Example)

var num = 0 
var count = 0; 
for(num = 0;num<= 20;num++) { 
   if (num % 2 == 0) { 
      continue 
   } 
   count++ 
} 
console.log(" The count of odd values between 0 and 20 is: "+count)

登入後複製

上面的範例顯示0到20之間的偶數值。如果數字是偶數，則循環退出目前迭代。這是使用continue語句實現的。

成功執行上述程式碼後，將顯示下列輸出。

The count of odd values between 0 and 20 is: 10

登入後複製

擴充知識

#es6迴圈

##1. for循環

支援break、continue語法，break終止循環，continue跳過本次循環

#2. forEach

不支援break、continue語法，forEach循環不接受控制，必須從頭遍歷到尾

3. every

    let arr = [1,2,3,4,5]
    arr.every((item) => {
        console.log(item)
        return true
    })

登入後複製

every的語法形式與forEach類似，同樣接受一個function參數，但不同的是every需要一個回傳值，當傳回值為true的時候才會執行下一次循環，預設回傳false，也就是說every與forEach不同點在於every接受程式控制，可以使用回傳值達到break、continue的效果

4. for in

    let arr = [1,2,3,4,5]
    for(let index in arr) {
        console.log(arr[index])
    }

登入後複製

forin也可以用來循環數組，但存在問題，因為forin是為遍歷對象設計的，數組之所以可以被遍歷，因為數組也是一個對象，對象可以被追加屬性，例如在上例中如果為arr追加屬性a，arr.a = 6，執行forin後a屬性也會被遍歷出來，但對於數組中我們理解的索引值a並不合法

forin同樣支援break、continue語法

注意，對於forin中的自訂變數index，是索引，或者說是屬性名，是字串類型，判斷時要注意變數類型

5. for of

    let arr = [1,2,3,4,5]
    for(let item of arr) {
        console.log(item)
    }

登入後複製

for of為ES6新增語法，主要為解決自訂資料類型遍歷問題，同樣可以遍歷數組，只是其功能要比上述其他遍歷方法更強大

【相關推薦：

javascript影片教學、web前端】

以上是es6中continue怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！