关于 ES5 & ES6 数组遍历的方法

Posted 2021-03-24 leophen

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

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