關於 ES5 & ES6 數組遍歷的方法

• 2019 年 11 月 29 日
• 筆記

ES5 數組遍歷方法

1、for 循環

const arr = [1, 2, 3, 4, 5]    for (let i = 0; i < arr.length; i++) {    console.log(arr[i])  }

2、forEach

const arr = [1, 2, 3, 4, 5]    arr.forEach(function (item) {    console.log(item)  })

與 for 循環的區別：不能用 break 和 continue

3、every

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

與 for 循環的區別：可以用 break 和 continue，但要用 return false 和 return true 分別替代

4、for in

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

① for in 是為對象設計的，可遍歷得到字符串類型的鍵，所以嚴格來講並不適用於數組遍歷

② for in 支持 break 和 continue，但在判斷時要用「==」而不能用「===」，因為 index 在這裡是字符串

ES6 數組遍歷方法

5、for of

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

可遍歷除了數組、對象以外的自定義結構