for in 和for of

Posted 2021-06-23 癞蛤蟆三只腿

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函数 后续更新