Lodash _.unionWith() 方法

Lodash是JavaScript的一个实用工具库，提供了很多方便的函数来简化JavaScript开发。其中，_.unionWith()方法是用于合并多个数组并去重的函数。

语法

_.unionWith([arrays], [comparator])

该方法接收两个参数：

• [arrays]：包含所有要合并的数组的参数列表。
• [comparator]：用于比较元素是否相等的自定义函数。

返回值

该方法返回一个新数组，其中包含从所有传递的数组中收集的一组唯一值。返回的数组元素的顺序与它们获得的第一次出现的顺序相同。

示例

下面是使用_.unionWith()方法的示例：

const arr1 = [{ x: 1, y: 2 }, { x: 2, y: 1 }];
const arr2 = [{ x: 1, y: 2 }, { x: 3, y: 1 }];
const comparator = _.isEqual;

const result = _.unionWith(arr1, arr2, comparator);
console.log(result);

// Output: [{x: 1, y: 2}, {x: 2, y: 1}, {x: 3, y: 1}]

在这个示例中，我们传递了两个数组arr1和arr2，以及一个自定义函数comparator。由于arr1和arr2中都有一个对象{ x: 1, y: 2 }，因此comparator将其中每个对象转换为字符串并进行比较。最终得到的结果是一个包含三个对象的数组。

自定义比较函数

_.unionWith()方法不使用JavaScript的内置相等性比较（如==和===）来确定两个值是否相等。而是使用一个自定义函数来比较元素相等性。这个自定义函数接收两个参数，分别是要比较的两个元素。

下面是一个自定义的比较函数示例：

const arr1 = [
  { x: 1, y: 2 },
  { x: 2, y: 1 },
  { x: 3, y: 3 },
  { x: 4, y: 4 }
];
const arr2 = [
  { x: 2, y: 1 },
  { x: 4, y: 4 },
  { x: 5, y: 5 },
  { x: 6, y: 6 }
];

const comparator = (a, b) => a.x === b.x && a.y === b.y;

const result = _.unionWith(arr1, arr2, comparator);
console.log(result);

// Output: [{x: 1, y: 2}, {x: 2, y: 1}, {x: 3, y: 3}, {x: 4, y: 4}, {x: 5, y: 5}, {x: 6, y: 6}]

在这个示例中，我们编写了一个自定义函数，它比较两个元素的属性x和y是否相等。使用这个比较函数，我们得到了一个包含所有元素的新数组，不包含重复项。

总结

Lodash _.unionWith()方法可以用于合并不同数组并去重。可以使用自定义函数来指定如何比较元素是否相等。该方法的返回结果是一个新数组，其中包含所有不重复的元素，保留它们出现的顺序。