在前端开发中，经常需要对数组进行操作，而 Lodash 是一个实用工具库，包含了很多对数组、对象等数据结构的处理方法，其中 lodash.unionWith 函数可以用来获取多个数组中的不重复元素集合。
安装
在命令行中使用 npm 安装 Lodash：
npm install lodash
也可以在 HTML 中引入 Lodash 的 CDN：
<script src="https://cdn.jsdelivr.net/npm/lodash"></script>
使用
引入 Lodash 后，就可以使用其中的函数了，lodash.unionWith 函数的语法如下：
_.unionWith(arrays, [comparator])
其中的参数：
- arrays: (...Array): 要处理的多个数组。
- [comparator]: (Function): 比较函数，用来比较数组元素是否相等，默认使用
Object.isEqual函数进行比较。
返回：(Array): 返回合并后的数组。
示例代码：
-- -------------------- ---- ------- ----- ------ - ------------------ ----- ---- - - - ---- -- ---- - -- - ---- -- ---- - - -- ----- ---- - - - ---- -- ---- - -- - ---- -- ---- - - -- ----- ------ - ---------------------- ----- ---------------- -------------------- -- -- - - ---- -- ---- - -- - ---- -- ---- - -- - ---- -- ---- - - -
上面的代码中，我们将两个数组 arr1 和 arr2 合并成一个新的数组，并且通过 lodash.isEqual 函数来比较数组中的元素是否相等。
另外，lodash.unionWith 函数还有一个对应的 lodash.unionBy 函数，它可以通过指定一个迭代器函数来比较数组元素是否相等，具体使用方法可以参考官方文档。
总结
Lodash 是一个非常实用的工具库，在前端开发中处理数组和对象特别方便，而 lodash.unionWith 函数就是其中一个处理数组的工具函数。通过本文的介绍，相信大家已经学会了如何使用 lodash.unionWith 函数来获取多个数组中的不重复元素集合。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/58582