JavaScript中遍历对象的几种方式有哪些

在JavaScript开发中，遍历对象是处理数据时的常见操作，不同的遍历方式对应不同的遍历范围和适用场景，了解这些方式的差异能帮助我们更高效地编写代码。

for...in循环遍历对象

for...in是JavaScript中最早支持的对象遍历方式，它会遍历对象自身和继承的可枚举属性，不包含Symbol类型的属性。

// 定义父类
function Parent() {
  this.parentProp = 'parent';
}
// 定义子类
function Child() {
  this.childProp = 'child';
}
// 继承父类
Child.prototype = new Parent();
// 创建子类实例
const child = new Child();
// 给实例添加不可枚举属性
Object.defineProperty(child, 'hiddenProp', {
  value: 'hidden',
  enumerable: false
});
// 使用for...in遍历
for (const key in child) {
  console.log(key); // 输出 childProp、parentProp
}

如果只想遍历对象自身的属性，可以在循环内使用hasOwnProperty方法进行过滤。

for (const key in child) {
  if (child.hasOwnProperty(key)) {
    console.log(key); // 只输出 childProp
  }
}

Object.keys()方法遍历对象

Object.keys()会返回一个由对象自身的可枚举属性名组成的数组，不会包含继承的属性和Symbol属性。

const obj = {
  name: '张三',
  age: 20
};
// 添加不可枚举属性
Object.defineProperty(obj, 'id', {
  value: '001',
  enumerable: false
});
const keys = Object.keys(obj);
console.log(keys); // 输出 ["name", "age"]

得到数组后可以使用数组的遍历方法如forEach、map等处理属性。

Object.keys(obj).forEach(key => {
  console.log(key, obj[key]); // 输出 name 张三、age 20
});

Object.getOwnPropertyNames()方法遍历对象

这个方法会返回对象自身的所有属性名组成的数组，不管属性是否可枚举，同样不包含Symbol属性和继承的属性。

const obj = {
  name: '李四'
};
Object.defineProperty(obj, 'score', {
  value: 90,
  enumerable: false
});
const allKeys = Object.getOwnPropertyNames(obj);
console.log(allKeys); // 输出 ["name", "score"]

Object.values()和Object.entries()方法遍历对象

Object.values()返回对象自身可枚举属性的属性值组成的数组，Object.entries()返回由自身可枚举属性的键值对数组组成的二维数组。

const user = {
  username: 'admin',
  role: 'super'
};
// 获取所有属性值
const values = Object.values(user);
console.log(values); // 输出 ["admin", "super"]
// 获取所有键值对
const entries = Object.entries(user);
console.log(entries); // 输出 [["username", "admin"], ["role", "super"]]
// 遍历键值对
Object.entries(user).forEach(([key, value]) => {
  console.log(key, value); // 输出 username admin、role super
});

Reflect.ownKeys()方法遍历对象

Reflect.ownKeys()会返回对象自身的所有属性名，包括可枚举、不可枚举属性以及Symbol类型的属性，不包含继承的属性。

const sym = Symbol('sym');
const obj = {
  a: 1
};
Object.defineProperty(obj, 'b', {
  value: 2,
  enumerable: false
});
obj[sym] = 3;
const allOwnKeys = Reflect.ownKeys(obj);
console.log(allOwnKeys); // 输出 ["a", "b", Symbol(sym)]

不同遍历方式对比

我们可以通过表格更清晰地看到不同遍历方式的差异：

使用场景建议

• 如果需要遍历自身和继承的可枚举属性，选择for...in循环，配合hasOwnProperty过滤自身属性
• 如果只需要获取自身可枚举属性名，优先使用Object.keys()
• 如果需要获取所有自身属性包括不可枚举的，使用Object.getOwnPropertyNames()
• 如果需要同时处理键和值，使用Object.entries()更方便
• 如果对象包含Symbol属性需要遍历，选择Reflect.ownKeys()

JavaScript对象遍历for_inObject_keysObject_getOwnPropertyNames修改时间：2026-06-11 19:39:21