for···in 与 for···of 的区别

for···in 取 key，for···of 取 value

• 遍历数组：for···in 遍历的是key（下标），for···of 遍历的是value（数组的值）；

var arr = [99,88,66,77];
for(let i in arr){
   console.log(i);   //0,1,2,3
}
for(let i of arr){
   consoel.log(i);   //99,88,66,77
}

• 遍历字符串： 同遍历数组一样；
• 遍历对象：for···in 遍历的是对象的key，for···of 遍历则直接报错；

var obj = {name:"Bob",age:25};
for(var i in obj){
   console.log(i)  // name age
}
for(var i of obj){
   console.log(i)   //报错
}

• for···of 遍历普通对象要结合 object.keys()使用。

var person={
   name:'coco',
   age:22,
   locate:{
       country:'China',
       city:'beijing',
   }
}
for(var key of Object.keys(person)){
   //使用Object.keys()方法获取对象key的数组
   console.log(key+": "+person[key]);//name: coco,age: 22,locate: [object Object]
}

ps:

遍历数组推荐使用for···of，遍历对象推荐使用for ···in。 for···in
遍历包含name，但不包含数组的length。for···o修复了for···in 的这个缺点