剖析 Lodash 的差集三剑客：difference、differenceBy 和 differenceWith**

2023-10-17 00:56:25

前言

在 Lodash 系列的第二篇文章中，我们将深入探讨三个强大的函数：difference、differenceBy 和 differenceWith。这些函数专用于查找数组中的差异，但在处理细节上却各有千秋。理解这三者的区别对于高效处理数组操作至关重要。

difference

difference 函数的职责是找出两个或多个数组中存在于第一个数组但不存在于其他数组中的元素。它的语法非常简单：

difference(array, [values])

参数：

array：要从中查找差异的第一个数组。
[values]：其他要比较的数组。

返回值：

一个包含第一个数组中存在但其他数组中不存在的元素的新数组。

示例：

const arr1 = [1, 2, 3, 4, 5];
const arr2 = [3, 4];

console.log(difference(arr1, arr2)); // 输出：[1, 2, 5]

differenceBy

differenceBy 函数与 difference 函数类似，但它引入了一个额外的参数：一个比较函数。该函数用于确定两个元素是否相等。

differenceBy(array, [values], iteratee)

参数：

array：要从中查找差异的第一个数组。
[values]：其他要比较的数组。
iteratee：一个函数，用于比较两个元素是否相等。

返回值：

一个包含第一个数组中存在但其他数组中不存在的元素的新数组。

示例：

const arr1 = [{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }];
const arr2 = [{ id: 2, name: 'Mary' }];

const differenceByFn = (a, b) => a.id === b.id;

console.log(differenceBy(arr1, arr2, differenceByFn)); // 输出：[{ id: 1, name: 'John' }]

differenceWith

differenceWith 函数也与 difference 函数类似，但它允许您指定一个自定义比较函数来确定两个元素是否相等。

differenceWith(array, [values], comparator)

参数：

array：要从中查找差异的第一个数组。
[values]：其他要比较的数组。
comparator：一个函数，用于比较两个元素是否相等。

返回值：

一个包含第一个数组中存在但其他数组中不存在的元素的新数组。

示例：

const arr1 = [1, 2, 3, 4, 5];
const arr2 = [3, 4];

const differenceWithFn = (a, b) => a + 10 === b;

console.log(differenceWith(arr1, arr2, differenceWithFn)); // 输出：[1, 2, 5]