码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2019-11-28 01:38:50      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:style   color   字符串   dex   ==   i++   length   UNC   设计   

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

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

 

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

标签:style   color   字符串   dex   ==   i++   length   UNC   设计   

原文地址:https://www.cnblogs.com/Leophen/p/11946383.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!