介绍
mergeon 是一个 JavaScript 库，可以帮助开发者实现对象的合并，也可以自定义合并规则。它特别适合用于 web 前端开发，可以帮助开发者快速构建数据表单以及表格等界面。本文将详细介绍如何使用 npm 包 mergeon。
安装
安装 mergeon 的命令为：
--- ------- -------
安装好后，我们就可以在项目中使用该库了。
使用
基本使用
mergeon 包中的主要函数是 merge()，他可以将两个对象进行合并。 基本用法如下：
----- - ----- - - ------------------- ----- ---- - - -- - -- ----- ---- - - -- - -- ----- ------ - ----------- ------ -------------------- -- --- -- -- --
上述代码中，我们用 require 引入 mergeon 包中的 merge() 函数，然后传递两个待合并的对象 obj1 和 obj2 给该函数，最终它将返回一个合并后的新对象。
自定义规则
如果要对合并的规则进行更加精细的控制，可以使用 merge() 函数的第三个参数 options。我们可以通过该选项对象，定义一个回调函数，来解决相应的合并规则。例如：
----- - ----- - - -------------------
----- ---- - - -- - -- - - --
----- ---- - - -- - -- - - --
----- ------- - -
------ ------ ------- ---- -- -
-- ---- --- ---- ------ ----------- --------
-
-
----- ------ - ----------- ----- ---------
-------------------- -- --- --- -- -- ---上述代码中，回调函数 merge() 告诉 mergeon 对象 a 应该如何合并。在该函数中，我们使用递归的方法，如果当前 key 是 a，则再次使用 merge() 函数进行合并。
深度合并
默认情况下，merge() 函数使用的是浅合并，也就意味着，当一个对象的属性值为另一个对象时，其值被覆盖。如果需要深度合并，可以设置 options.deep 为 true。
----- ---- - - -- - -- - - -- ----- ---- - - -- - -- - - -- ----- ------- - - ----- ---- -- ----- ------ - ----------- ----- --------- -------------------- -- --- --- -- -- ---
合并数组
除了合并对象，merge() 函数还可以合并数组，只需将 options.arrayMerge 设置为相应的合并策略即可。合并策略支持以下几种：
replace：替换。merge：合并，不去重。onlyUnique：合并并去重（当新数组的值在旧数组中已存在时，不添加到新数组中）。
----- ---- - - -- --- -- -- -- ----- ---- - - -- --- -- -- -- ----- ------- - - ----------- ------------ -- ----- ------ - ----------- ----- --------- -------------------- -- --- --- -- -- ---
结语
mergeon 为 web 前端开发者提供了一个优秀的合并工具。只需简单的几步操作，就可以完成对象和数组的深度合并，以及自定义合并规则等高级功能。相信 mergeon 会在您的工作中发挥出非常重要的作用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056cd481e8991b448e66b5