javascipt中对象和数组的遍历,for in 和for of的区别是什么

警告:很多很多答案都是说for in 遍历了对象的键,for of 遍历了数组的每一项,这种说法太简单粗暴,让我们透过现象看本质!

for in: 遍历了对象本身以及原型链上所有可枚举类型的属性名

  1. 注意遍历的是属性名,意味着
    1. for in 遍历数组时,得到的是下标index
    2. for in 是拿不到属性值的,需要根据属性名手动获取
  2. 可以遍历原型链上的属性
  3. 所有属性必须是可枚举属性

for of: 用来遍历可迭代对象,得到的是值

  1. 只能遍历可迭代对象(数组是,对象不是)
    1. 一个实现了迭代接口的对象即是可迭代对象。
    2. JS的默认迭代接口是[Symbol.iterator]
    3. es6中使用 Symbol.iterator 来获取对象的 @@iterator 属性
    4. @@iterator 本身并不是一个迭代器对象,而是返回一个迭代器对象的函数
  2. for of 循环首先会向被访问对象请求一个迭代器对象,然后通过调用迭代器对象的 next 方法来遍历所有返回值
  3. 注意,得到的是值,不是属性名
  4. 数组中有内置的 @@iterator,所以默认就是可迭代对象,所以用 for of 迭代数组得到就是数组的各项
  5. 普通对象中没有内置的 @@iterator 所以默认不能用 for of 遍历
  6. 但是如果我们自己手动给普通对象增加一个 Symbol.iterator 属性,并且Symbol.iterator 的属性值实现一个next 函数,那么这个普通对象就变成了可迭代对象,那么就可以使用for of 遍历了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值