这节课要讲的是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遍历。
那么,