js遍历对象的方法

在讲JavaScript数组的时候，小编介绍了很多关于数组遍历操作的内容。而JavaScript作为仅仅是面向对象的语言，肯定也会进行对象遍历的操作。本文介绍JavaScript中常见的三种对象遍历方法：1、使用for…in ；2、使用Object.keys ；3、使用Object.getOwnPropertyNames(obj)。

1、使用for…in

遍历对象自身和原型上，可以遍历的属性。

letobj={
name:'lulu',
id:1,
age:18
}
for(letkeyinobj){
console.log(key+':'+obj[key])
}

输出

//输出结果
//name:lulu
//id:1
//age:18

2、使用Object.keys

遍历对象自身，可以遍历的属性。

varobj={todos1:'吃饭',todos2:'睡觉',todos3:'晒太阳'};
console.log(Object.keys(obj));//["todos1","todos2","todos3"]
console.log(Object.values(obj));//["吃饭","睡觉","晒太阳"]

3、使用Object.getOwnPropertyNames(obj)

遍历对象自身，可以遍历和不可遍历的属性。

console.log(Object.getOwnPropertyNames(obj));
//打印结果
//["name","age","say"]