前言
在前端开发过程中，经常需要将两个对象合并，而 util-deep-merge 就是一个非常方便的 npm 包，用来合并两个深度嵌套的对象。本文将详细介绍如何使用 util-deep-merge 以及一些注意事项。
安装
在使用之前，需要安装 util-deep-merge，使用 npm 可以轻松完成这个工作。在命令行中执行以下命令即可安装：
npm install util-deep-merge --save
对于不熟悉 npm 的读者，可以查看这篇文章进行了解：npm 入门教程。
使用方法
引入
在使用之前，需要将 util-deep-merge 引入到项目中。可以使用以下代码完成引入：
const deepmerge = require('util-deep-merge');合并
接下来，可以使用 deepmerge 函数来合并两个对象，如下所示：
-- -------------------- ---- -------
----- - - -
----- -----
---- ---
-------- -
--------- ------
----- -----
-
--
----- - - -
----- -----
-------- -
--------- -----
-
--
----- ------ - ------------ ---
--------------------运行结果：
{
name: '李四',
age: 20,
address: { province: '上海市', city: '海淀区' }
}通过以上代码，我们可以看到 deepmerge 函数能够将两个对象合并，并返回一个新的对象。如果两个对象中有相同的属性，会以 b 对象中的数据为准。
另外，需要注意的是 deepmerge 函数并不会修改原始对象。
深度合并
如果两个对象中有嵌套对象，deepmerge 函数也可以进行深度合并。例如：
-- -------------------- ---- -------
----- - - -
----- -----
---- ---
-------- -
--------- ------
----- -----
-
--
----- - - -
----- -----
-------- -
--------- -----
-
--
----- ------ - ------------ ---
--------------------运行结果：
{
name: '李四',
age: 20,
address: { province: '上海市', city: '海淀区' }
}可以看到，b 对象中的 address 对象被合并到了 a 对象中的 address 对象中。
数组合并
如果两个对象中有数组对象，deepmerge 函数也可以进行合并。例如：
-- -------------------- ---- ------- ----- - - - ----- ----- -------- ------ ----- ----- -- ----- - - - -------- ------- ----- -- ----- ------ - ------------ --- --------------------
运行结果：
{
name: '张三',
hobbies: [ '篮球', '足球', '游泳', '羽毛球' ]
}可以看到，b 对象中的 hobbies 数组中的元素被合并到了 a 对象中的 hobbies 数组中，并去重。
总结
通过本文的介绍，我们能够了解到 util-deep-merge 在前端开发中的使用方法，以及注意事项。对于想要在开发中方便地合并两个对象的开发者来说，util-deep-merge 是一个非常不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005539881e8991b448d0ced