for···in和for···of的区别

weixin_46057188

于 2020-12-16 18:50:35 发布

阅读量43

点赞数

本文链接：https://blog.csdn.net/weixin_46057188/article/details/111300206

版权

本文对比了for...in和for...of在遍历数组、字符和对象时的不同行为，重点讲解了它们在key-value操作上的区别，并展示了如何用for...of遍历对象及其配合Object.keys()的方法。

摘要由CSDN通过智能技术生成

for···in和for···of的区别
首先一句话：（for···in取key，for···of取value）
1.从遍历数组角度来说，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
}

2.从遍历字符转的角度来说，同数组一样。
3.从遍历对象的角度来说，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)   //报错
}

4.如果要使用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]
}