ES6的 Iterator 遍历器到底是什么?

这节课要讲的是ES6中的Iterator.

for…of为啥不遍历Object对象

第十三节我们讲了简单又实用的for…of,我们可以使用它来遍历数组,字符串,Set和Map结构,但是有没有发现,我们并没有说它可以遍历Object对象,为什么不试试用它来遍历Object对象呢?

我们试试看:

//定义一个的Object对象
let obj = {“name”:“前端君”};

//咱们来for…of一下
    for(let v of obj){
        console.log(v);
    }
    //结果:报错
    //错误提示:obj[Symbol.iterator]不是一个function

oh no,程序报错了,for…of根本不支持遍历普通的Object对象,还出现了错误提示:**obj[Symbol.iterator]不是一个function,**这是什么鬼?

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2IUdQOfr-1587983745057)(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==)]

为什么数组,Set和Map结构又可以支持for…of的遍历呢?

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eGyCHkBH-1587983745062)(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==)]

原来,要想能够被for…of正常遍历的,都需要实现一个遍历器Iterator。而数组,Set和Map结构,早就内置好了遍历器Iterator(又叫迭代器),它们的原型中都有一个Symbol.iterator方法;而Object对象并没有实现这个接口,使得它无法被for…of遍历。

那么,

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值