JavaScript 合并对象的几种常见方式

对象合并方法概述

1. 使用展开运算符

展开运算符（spread operator）提供了一种简洁的语法来合并对象。它使用{...}包裹需要合并的对象，并将它们的属性复制到一个新的对象中。

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const obj3 = { ...obj1, ...obj2 };

该方法的优点在于语法简洁以及能够创建新对象。这种方式无需额外的函数调用即可实现对象合并，同时保持源对象的不变性。

需要注意的是，若源对象中存在同名属性，后者的值将覆盖前者。此外，展开运算符仅执行浅拷贝，无法处理深拷贝需求。

2. 使用Object.assign()方法

Object.assign()方法是JavaScript中用于合并对象的内置方法。它接受一个目标对象作为第一个参数，然后将后续源对象的属性复制到该目标对象中。

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const obj3 = Object.assign({}, obj1, obj2);

此方法的优点在于灵活性和支持合并多个对象。它可以将多个源对象的属性合并到目标对象中，操作便捷。同时，该方法允许直接修改目标对象，无需创建新对象。

需要注意的是，Object.assign()方法会直接修改目标对象。若不希望改变原对象，需传入一个空对象作为目标。此外，Object.assign()方法只能合并顶层属性，不支持递归合并嵌套对象。

总结

展开运算符和Object.assign()方法均可用于对象合并，但各有优劣。

展开运算符的优点是简洁且创建新对象，适用于简单的对象合并场景。然而，它仅支持浅拷贝，不支持深拷贝。

Object.assign()方法的优点是灵活且支持合并多个对象，适用于需要合并多个对象的情况。然而，它会修改目标对象，且不支持嵌套对象的合并。

根据具体需求和个人偏好，选择合适的方法进行对象合并。

到此这篇关于JavaScript合并对象的几个常见方式的文章就介绍到这了，更多相关JS合并对象内容请搜索本站以前的文章或继续浏览下面的相关文章，希望大家以后多多支持本站！