当我们需要把两个或多个JavaScript对象合并成一个时，Lodash是非常有用的工具库之一。其中，lodash.mergewith这个npm包提供了更为高级的对象合并方式，可以让我们精确地控制合并行为。
安装
在使用lodash.mergewith之前，需要先安装它：
npm install lodash.mergewith
安装完成后，我们就可以开始使用了。
使用
lodash.mergewith会将源对象的属性添加到目标对象中，如果属性名相同，则根据提供的函数来合并属性值。下面是这个函数的基本语法：
const mergedObject = _.mergewith(targetObject, sourceObject, customizerFunction);
其中，
- targetObject：要合并到的目标对象
- sourceObject：用于合并的源对象
- customizerFunction：自定义合并行为的函数
customizerFunction的参数和返回值决定了合并行为。该函数被调用时会传入四个参数：
- objValue：目标对象上当前属性的值。
- srcValue：源对象上当前属性的值。
- key：当前属性名。
- object：要合并的目标对象。
该函数应该返回一个值，指示如何合并objValue和srcValue，并影响mergedObject的最终结果。
下面看一个使用lodash.mergewith的例子。假设我们有两个对象：
-- -------------------- ---- -------
----- --------- - -
----- ----- -----
---- ---
-------- -
----- ---- ------
------ ----
-
--
----- --------- - -
----- ----- -------
---- ---
-------- -
------ ----
--
---------- -
------- -----------
----------- -----
-
--我们要将sourceObj合并到targetObj中，同时处理address属性的合并行为。具体来说，我们希望如果address.city在源对象中不存在，则保留目标对象中的值，否则使用源对象中的值。
-- -------------------- ---- -------
----- - - ----------------------------
----- ------------- - ---------- --------- ---- -- -
-- ---- --- ------ -- -------- --- ---------- -
------ ---------
-
--
----- ------------ - ---------------------- ---------- ---------------最后得到的mergedObject结果是：
-- -------------------- ---- -------
-
----- ----- -------
---- ---
-------- -
----- ---- ------ -- ----------
------ ----
--
---------- -
------- -----------
----------- -----
-
-可以看到，除了address.city属性之外，其他属性都采用了源对象的值。
总结
lodash.mergewith提供了一种高级的对象合并方式，可以让我们根据自定义函数的返回值来控制合并行为。该函数适用于复杂对象的合并处理场景。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/51476