Object.keys、assign与entries：JavaScript对象遍历与合并方法解析

在日常JavaScript开发中，普通对象（Plain Object）是最核心的数据载体。处理对象数据时，开发者最常面对两类需求：一是提取属性并完成循环遍历，二是组合多个对象实现状态合并或浅拷贝。Object.keys、Object.assign 与 Object.entries 正是标准库中专为这些操作提供的静态方法。理解它们的取值规则、遍历边界与深浅引用特性，是写出健壮前端与后端脚本的必备基础。

一、方法概览与核心能力定位

这三个方法均挂载于 Object 构造函数上，分别针对“键名提取”、“多对象合并”与“键值对映射”提供了语义化的原生实现。它们均严格遵循 ECMAScript 的属性遍历规则：仅提取自身存在的（Non-inherited）、可枚举的（Enumerable）且以字符串为键（String-keyed）的属性。

二、Object.keys：提取键名与属性遍历

Object.keys(obj) 接收一个对象作为参数，返回由该对象自身所有可枚举属性的名称组成的字符串数组。其遍历顺序与 for...in 循环相同，但不会检索原型链（Prototype Chain）上的任何属性。

1. 属性排序与提取原则

ECMAScript 规范对属性提取顺序有严格定义：

• 非负整数索引键：按数值从小到大排列；
• 普通字符串键：按属性添加的先后顺序排列；
• Symbol 类型的属性键会被完全忽略。

const sample = {
  2: 'index-2',
  title: 'Guide',
  0: 'index-0',
  author: 'John'
};

const keys = Object.keys(sample);
console.log(keys); 
// 示例输出: ['0', '2', 'title', 'author']

2. 判断空对象与迭代

在旧版 JavaScript 中，开发者常通过 for...in 配合 hasOwnProperty 校验对象是否为空。使用 Object.keys 则可以直接通过数组长度属性完成判断：

function isPlainObjectEmpty(target) {
  return Object.keys(target).length === 0;
}

三、Object.entries：键值对映射与数据转换流程

在 ECMAScript 2017（ES8）中引入的 Object.entries(obj)，返回一个二维数组，内部每个元素都是 [key, value] 形式的元组。它解决了以往遍历对象时必须先获取键、再通过索引反查对应值的多重开销，与现代数组高阶函数、解构语法以及 Map 集合天然契合。

结合 for...of 循环解构键值对，语法直观且避免了多余变量声明：

const userRoles = { admin: 1, editor: 2, guest: 3 };

for (const [role, level] of Object.entries(userRoles)) {
  console.log(`角色: ${role}, 权限级别: ${level}`);
}
// 示例输出:
// 角色: admin, 权限级别: 1
// 角色: editor, 权限级别: 2
// 角色: guest, 权限级别: 3

四、Object.assign：多源合并与浅拷贝行为

Object.assign(target, ...sources) 用于将一个或多个源对象（sources）自身的所有可枚举属性复制到目标对象（target），最后返回修改后的目标对象。此操作属于变异操作（Mutating Operation），目标对象的内容会被直接更新。

1. 属性覆盖与执行顺序

当传入多个源对象时，后面的源对象若具有相同属性名，将直接覆盖前面对象的值：

const target = { a: 1, b: 1 };
const source1 = { b: 2, c: 2 };
const source2 = { c: 3 };

const result = Object.assign(target, source1, source2);
console.log(result); // { a: 1, b: 2, c: 3 }
console.log(target === result); // true (target被直接修改)

2. 浅拷贝（Shallow Copy）陷阱

Object.assign 复制的是属性值本身。对于原始类型，复制的是值副本；而对于引用类型（如对象、数组），复制的仅仅是指向该内存区域的指针。若需实现不可变更新，通常以空对象 {} 作为 target：

const safeClone = Object.assign({}, source);

但若 source 内部存在深层嵌套对象，修改克隆对象的内层属性依然会连带影响原始数据。

五、三者特性对比与选型决策指南

为了在实际业务开发中做出精准选型，我们需要综合属性类型支持度、返回值结构与典型应用边界进行系统比对：

六、综合总结与实践建议

在编写清晰健壮的 JavaScript 代码时，建议遵循以下实践策略：

1. 遍历单纯键名用 Object.keys：当只需要校验属性是否存在、核对字典键集或获取对象属性数量时，优先选择它，无需产生多余的值计算。
2. 同时消费键与值用 Object.entries：配合 for...of 解构，省去频繁书写 obj[key] 的冗余索引代码；结合 Object.fromEntries() 可实现优雅的对象流式处理。
3. 组合配置或浅克隆用 Object.assign 或展开语法：在合并配置项时，始终提供 {} 作为首个参数（如 Object.assign({}, defaults, userOptions)），防止原始配置对象意外被污染；若涉及深层嵌套对象，应使用结构化克隆（如 structuredClone）或深拷贝函数。