es6中continue怎麼用

WBOY
發布: 2022-08-30 17:09:53
原創
1244 人瀏覽過

在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中文網其他相關文章!

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