简介
在前端的开发过程中，经常会遇到需要合并两个或多个 JavaScript 对象的情况。虽然原生 JavaScript 中提供了 Object.assign 的方法，但在一些特殊场景中仍然存在一些限制。为了解决这些限制，有一款功能强大的 npm 包 add-objects，可以帮助我们方便快捷地实现对象合并。
安装
使用 npm 安装 add-objects：
npm i add-objects
使用方法
- 在 js 文件中引入 add-objects 包：
const addObjects = require('add-objects');- 调用 addObjects 方法：
-- -------------------- ---- ------- ----- ---- - - ----- -------- ------ - -- ----- ---- - - ------ ----- -- ----- ---- - - ----- --------- ------ - -- ----- ------ - ---------------- ----- ------ --------------------
输出结果为：
{
name: 'banana',
price: 2,
color: 'red'
}特性说明
add-objects 支持多个对象的合并，并且还有以下特性：
对象中属性值为数组时的合并
在使用原生的 Object.assign() 方法进行合并时，如果对象中有属性值为数组类型，那么在合并时会进行“舍弃”操作，即只会保留后面对象的值。但使用 add-objects 包的合并方法时，则会将数组合并（去重）：
-- -------------------- ---- ------- ----- ---- - - ------- --------- ---------- ------ - -- ----- ---- - - ------- ---------- ---------- ------ ----- -- ----- ------ - ---------------- ------ --------------------
输出结果为：
{
fruits: ['apple', 'banana', 'orange'],
price: 5,
color: 'red'
}对象中属性值为对象时的合并
对于对象中属性值为对象的情况，使用原生的 Object.assign() 方法时会直接用后面的对象覆盖前面的对象。而使用 add-objects 包的合并方法时，会进行递归合并：
-- -------------------- ---- -------
----- ---- - -
------- -
----- ------
---- --
--
------ -
--
----- ---- - -
------- -
----- -------
------- ---
--
------ -----
--
----- ------ - ---------------- ------
--------------------输出结果为：
-- -------------------- ---- -------
-
------- -
----- -------
---- ---
------- ---
--
------ --
------ -----
-总结
add-objects 是一款非常实用的对象合并 npm 包。在处理多个对象合并的操作时能够帮助我们省去很多麻烦，而且它的特性也非常实用。推荐各位开发者在实际开发的过程中多加尝试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005668181e8991b448e2a39