千万不要错过的JavaScript高效对比数组差异方法

在JavaScript编程中，我们常常需要对比两个数组之间的差异，找出其中共有和不同的部分。本文介绍了JavaScript中三种高效对比数组差异的方法，分别是使用ES5中Array的filter、ES6中的Set，以及lodash库中的difference方法。

1. 使用Array的filter方法

Array的filter方法可以快速将数组中符合条件的元素筛选出来，再组成一个新的数组。对比两个数组差异时，只需要先将两个数组合并，然后在filter方法中使用indexOf或includes判断：若数组1中不包含当前元素，则返回true，将其加入差异数组。示例如下：

let arr1 = [1, 2, 3, 4, 5];
let arr2 = [2, 3, 6, 7, 8];
let diff = arr1.concat(arr2).filter(function(item, index, arr) {
    return arr1.indexOf(item) === -1;
});
console.log(diff); //输出[1, 4, 5, 6, 7, 8]

该方法的优点在于实现简单，适用于小数组；缺点是indexOf在数组元素较多时性能会变差。

2. 使用ES6的Set

ES6中引入了Set对象，它类似于数组，但元素不重复，可以很方便地用来计算数组差异。将两个数组转成Set对象后，使用交集和差集即可得到所需结果。示例如下：

let arr1 = [1, 2, 3, 4, 5];
let arr2 = [2, 3, 6, 7, 8];
let set1 = new Set(arr1);
let set2 = new Set(arr2);
let intersect = new Set([...set1].filter(item => set2.has(item))); // 交集
let diff = new Set([...set1].filter(item => !set2.has(item)).concat([...set2].filter(item => !set1.has(item)))); // 差集
console.log([...intersect]); //输出[2, 3]
console.log([...diff]); //输出[1, 4, 5, 6, 7, 8]

该方法的优点在于计算速度较快、代码量少，并且可以处理重复元素；缺点是不适用于大数据量，因为转化成Set会涉及到数组去重和重建。

3. 使用lodash的difference方法

lodash是一个流行的JavaScript工具库，提供了丰富的工具函数和简化代码的方法。其中difference方法可以轻松求出两个数组的差异，将返回一个新数组。示例如下：

const _ = require("lodash");
let arr1 = [1, 2, 3, 4, 5];
let arr2 = [2, 3, 6, 7, 8];
let diff = _.difference(arr1, arr2);
console.log(diff); //输出[1, 4, 5]

该方法的优点在于代码简洁、方法通用性强，并且支持多个数组的比较；缺点是性能稍逊于其他方法。

综上所述，根据具体需求选择不同的方法可以使JavaScript在对比数组差异时变得更为高效。