JavaScript对象合并_Object.assign技巧-js教程-PHP中文网

JavaScript对象合并_Object.assign技巧

幻影之瞳

发布： 2025-11-25 15:21:07

原创

223人浏览过

Object.assign用于合并对象，实现浅拷贝，常用于默认配置覆盖；可合并多个对象，后对象属性覆盖前面同名属性，但嵌套对象会整体替换而非深度合并，需注意其局限性。

javascript对象合并_object.assign技巧

在JavaScript中，合并对象是开发中常见的需求，比如配置项的默认值覆盖、状态更新等。Object.assign 是最常用的方法之一，掌握它的使用技巧能有效提升代码质量。

基本用法：浅拷贝与对象合并

Object.assign 可以将一个或多个源对象的所有可枚举属性复制到目标对象中，返回目标对象。

const target = { a: 1, b: 2 }; const source = { b: 3, c: 4 }; Object.assign(target, source); console.log(target); // { a: 1, b: 3, c: 4 }

注意：target 对象会被直接修改。若想避免副作用，应传入空对象作为第一个参数：

const merged = Object.assign({}, target, source); // 原始 target 不变

合并多个对象

可以同时合并多个对象，后面的会覆盖前面的同名属性。

立即学习“Java免费学习笔记（深入）”；

const obj1 = { a: 1 }; const obj2 = { b: 2 }; const obj3 = { c: 3, a: 10 }; const result = Object.assign({}, obj1, obj2, obj3); console.log(result); // { a: 10, b: 2, c: 3 }

属性顺序很重要，靠后的对象优先级更高。

Delphi7基础语法教程中文WORD版

Delphi是美国Borland公司推出的一种基于客户/服务器体系的Windows快速应用开发工具（RAD Rapid Application Development），是一种面向对象的可视化编程工具，即根据Delphi的可视性，又结合Object Pascal 语言的编程技巧，可以开发出功能强大的Windows应用程序和数据库应用程序。 Delphi是第一个集可视化开发环境、优化的源代码编译器和可扩展的数据库访问引擎于一身的Windows开发工具。

查看详情

处理嵌套对象的局限性

Object.assign 是浅拷贝，对于嵌套对象只会复制引用。

const target = { info: { age: 25 } }; const source = { info: { name: "Tom" } }; Object.assign(target, source); // 结果是 { info: { name: "Tom" } }，原 info.age 被整个替换

如果希望深度合并，需借助递归函数或使用第三方库如 lodash 的 merge 方法。