let arr = [1,2,3]
let obj ={name:‘张三‘,age:18}
先看现象:
for in
for(let i in arr){console.log(i)} //得到的是数组的下标 0、1、2
for(let i in obj){console.log(i)} //得到的是对象的键 name、age
for of
for(let i of arr){console.log(i)} // 1、2、3
for(let i of obj)(console.log{i}) //Uncaught TypeError: obj is not iterable
for(let i of Object.values(obj)){console.log{i}} //张三、18
为什么for in 可以遍历对象,而for of 就报错了呢,因为es5中的for in认为对象也是可迭代的,到了es6的for of 只能迭代内部有Iterator 迭代器,而对象是没有Iterator 的,所以报错;
含有Iterator 的类型有:
string、array、set、map、arguments等
Iterator 和generator函数 后续更新