如何遍历javascript对象_for…in和Object.keys有何区别【教程】-js教程-PHP中文网

for…in遍历所有可枚举的自有及继承属性，Object.keys仅返回对象自身可枚举属性名；前者需hasOwnProperty过滤以防原型污染，后者语义明确、安全可控，适用于纯数据对象处理。

如何遍历javascript对象_for…in和object.keys有何区别【教程】

for…in 会遍历所有可枚举的自有属性和继承属性，Object.keys 只返回对象自身的可枚举属性名数组——这是最根本的区别，不是“哪个更好”，而是“用错场景就会出 bug”。

for…in 会遍历原型链上的可枚举属性

它不区分属性来源，只要在原型链上且 enumerable: true，就会被遍历到。比如：

const parent = { a: 1 };
Object.defineProperty(parent, 'b', { value: 2, enumerable: false });
const child = Object.create(parent);
child.c = 3;

for (const key in child) {
  console.log(key); // 输出 'c' 和 'a'（因为 a 继承自 parent 且可枚举）
}

常见错误现象：for…in 突然多出意想不到的 key，尤其在用了第三方库（如 Prototype.js）或自定义了 Object.prototype 时。

必须配合 hasOwnProperty() 过滤： if (obj.hasOwnProperty(key)) { ... }
不能用于数组索引遍历——它返回字符串，且顺序不保证，还可能包含意外添加的方法
ES6+ 中基本不推荐用于纯对象键遍历，除非你明确需要原型链行为

Object.keys 只返回自身可枚举属性名

它只看对象「自己身上」的、enumerable: true 的属性，完全无视原型链：

console.log(Object.keys(child)); // ['c']，不会出现 'a'

使用场景很明确：你需要一个干净的、可预测的键列表来做后续操作，比如映射、过滤、JSON 序列化前校验。

Java 接口排错助手

在调试 Java 后端 API 故障时使用此技能，尤其适用于以下任务：分析日志、跨 Controller、Service 和 Mapper 层追踪请求、定位异常根因、检查 SQL 执行或参数流转，以及生成简洁的诊断结论与修复方案。

下载

返回的是 string[]，天然支持 .map()、.forEach()、展开运算符等数组方法
不遍历 Symbol 属性（要用 Object.getOwnPropertySymbols() 或 Reflect.ownKeys()）
不包含不可枚举属性（如 constructor、toString，除非你手动设为可枚举）

还有 Object.getOwnPropertyNames 和 Reflect.ownKeys

当你要更完整地“看清对象本身”时，这两个才是补集：

Object.getOwnPropertyNames(obj)：返回所有自有属性名（包括不可枚举的，但不含 Symbol）
Reflect.ownKeys(obj)：返回所有自有属性键（含不可枚举 + Symbol），是目前最全的键枚举方式

例如，你正在写一个深克隆函数或调试工具，Object.keys 就不够用了——它漏掉 Symbol 和不可枚举属性，而 Reflect.ownKeys 才能真正覆盖全部。

性能与兼容性差异其实很小，但语义不能混用

现代引擎对 Object.keys 优化很好，和 for…in 的实际耗时差距通常可忽略。真正的问题在于语义误用：

用 for…in 遍历纯数据对象，忘了 hasOwnProperty → 意外读取到原型方法，导致 undefined 或类型错误
用 Object.keys 处理类数组对象（如 arguments）→ 在旧环境（IE）可能出问题，应先 Array.from() 或用 Reflect.ownKeys
想遍历 Map 或 Set？它们没有 keys() 方法返回属性名——得用 map.keys()（返回迭代器），和对象 API 完全不同