for in 和for of

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

for in 和for of

上一篇:react基础用法


下一篇:Nginx负载均衡以及keepalived高可用实验