关于 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)  }

可遍历除了数组、对象以外的自定义结构