for in & for of 的小秘密

最新推荐文章于 2022-01-24 17:06:49 发布

徐浩轩

最新推荐文章于 2022-01-24 17:06:49 发布

阅读量164

点赞数 1

分类专栏： js 文章标签： js es6 javascript

本文链接：https://blog.csdn.net/weixin_47454648/article/details/110006378

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中两种迭代语法for...in和for...of的区别。for...in主要用于遍历对象的键，而for...of则用于遍历数组或字符串的值。在遍历数组时，for...in返回的是下标，for...of返回的是元素值。对于对象，for...of不能直接遍历其属性值，需要借助Object.keys()。文章通过实例代码加深了理解。

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

for in and for of 的区别

for in 取key值 ,for of 取value值
顾名思义：从遍历数组的方向看，for in 遍历的是key值,key值即是下标
for of遍历的是value，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]
}