JavaScript遍历对象的7种方式

注：纯手打，如有错误欢迎评论区交流！ 转载请注明出处：https://blog.csdn.net/testleaf/article/details/145523427 编写此文是为了更好地学习前端知识，如果损害了有关人的利益，请联系删除！ 本文章将不定时更新，敬请期待！！！ 欢迎点赞、收藏、转发、关注，多谢！！！

目录

一、for...in 循环

二、Object.keys() 方法结合 forEach 方法

三、Object.values() 方法结合 forEach 方法

四、Object.entries() 方法结合 for...of 循环

五、Reflect.ownKeys() 方法结合 forEach 方法

六、Object.getOwnPropertyNames() 方法结合 forEach 方法

七、Object.getOwnPropertySymbols() 方法结合 forEach 方法

一、for…in 循环

for...in 循环用于遍历对象的可枚举属性，包括对象自身的属性以及继承的属性，但不包含 Symbol 类型的属性。 示例代码：

const person = {

name: 'Alice',

age: 25,

occupation: 'Engineer'

};

for (const key in person) {

console.log(`${

key}: ${

person[key]}`);

}

注意事项：由于 for...in 会遍历继承的属性，若只想遍历对象自身的属性，可以使用 hasOwnProperty 方法进行过滤。

for (const key in person) {

if (person.hasOwnProperty(key)) {

console.log(`${

key}: ${

person[key]}`);

}

}

二、Object.keys() 方法