17370845950

JavaScript遍历对象的常用方法按推荐顺序为：Object.keys()或Object.entries()（日常首选）、Object.getOwnPropertyNames()与Object.getOwnPropertySymbols()（处理不可枚举属性或Symbol键）、for...in（需配合hasOwnProperty过滤，慎用）。

JavaScript 遍历对象有多种方法，核心区别在于：是否遍历自身属性、是否包含不可枚举属性、是否处理 Symbol 类型键、以及是否需要值还是只关心键。下面列出最常用且实用的几种方式，按推荐顺序和适用场景说明。

for...in 循环（基础但需注意原型链）

这是最传统的遍历方式，会遍历对象自身及原型链上所有可枚举属性（包括继承来的）。

• 必须配合 hasOwnProperty() 过滤掉继承属性，否则容易出错
• 不能遍历不可枚举属性（如 Object.defineProperty(obj, 'x', { enumerable: false, value: 1 })）
• 会遍历到字符串键和 Symbol 键（但实际中 Symbol 键默认不可枚举，所以通常不会出现）

const obj = { a: 1, b: 2 };
for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key, obj[key]); // a 1, b 2
  }
}

Object.keys() + for...of 或 forEach（推荐日常使用）

获取对象自身所有可枚举的字符串键数组，再遍历。安全、简洁、语义清晰。

• 只返回字符串键，不包含 Symbol 键
• 不遍历原型链，也不含不可枚举属性
• 配合 for...of 或 forEach 使用更现代

const obj = { x: 10, y: 20 };
for (const key of Object.keys(obj)) {
  console.log(key, obj[key]); // x 10, y 20
}

// 或者
Object.keys(obj).forEach(key => console.log(key, obj[key]));

Object.entries()（要同时操作键和值时首选）

返回一个二维数组，每个子项是 [key, value]，适合解构遍历。

• 只含自身可枚举字符串键值对
• 天然支持结构赋值，代码更直观
• 比先取 keys 再查值更高效（尤其大对象）

const user = { name: 'Alice', age: 30 };
for (const [key, value] of Object.entries(user)) {
  console.log(`${key}: ${value}`); // name: Alice, age: 30
}

Object.getOwnPropertyNames() 和 Object.getOwnPropertySymbols()

当需要处理不可枚举属性或 Symbol 键时用这两个 API。

• Object.getOwnPropertyNames(obj)：返回所有自身字符串键（含不可枚举）
• Object.getOwnPropertySymbols(obj)：返回所有自身 Symbol 类型键
• 两者常合并使用：[...Object.getOwnPropertyNames(obj), ...Object.getOwnPropertySymbols(obj)]

const obj = { a: 1 };
Object.defineProperty(obj, 'b', { value: 2, enumerable: false });
const sym = Symbol('c');
obj[sym] = 3;

console.log(Object.getOwnPropertyNames(obj)); // ['a', 'b']
console.log(Object.getOwnPropertySymbols(obj)); // [Symbol(c)]

基本上就这些。日常开发优先用 Object.keys() 或 Object.entries()；调试或元编程才考虑 getOwnPropertyNames/Symbols；for...in 尽量少用，除非明确需要原型链上的可枚举属性。