ES7、ES6、ES5实现求数组的并集

1、ES7实现方式

ES7中新增一个Array.prototype.includes()：includes() 方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回false。我们可以将includes方法与filter方法结合实现求数组的并集、交集和差集，如下：

let a = [1,2,3];
let b = [2,4,5];
//并集
console.log(a.concat(b.filter(v => !a.includes(v))));//[1, 2, 3, 4, 5]
//交集
console.log(a.filter(v => b.includes(v)));// [2]
//差集
console.log(a.concat(b).filter(v => a.includes(v) && !b.includes(v)));//[1, 3]

2、ES6实现方式（利用Set数组去重的原理）

ES6中新增一个Array.from()：该方法从一个类似数组或可迭代对象中创建一个新的数组实例（即将类数组对象和可遍历对象转化为数组。只要类数组有length长度，基本都可以转化为数组）。为我们将该方法与Set结构结合实现数组的并集、交集和差集，如下：

let a = [1,2,3];
let b = [2,4,5];

let aSet = new Set([1,2,3]);
let bSet = new Set([2,4,5]);

//并集
let union = Array.from(new Set(a.concat(b)));
console.log(union );//[1, 2, 3, 4, 5]
//交集
let intersection = Array.from(new Set(a.filter(v => bSet.has(v))));
console.log(intersection);//[2]
//差集
let differenceNew = Array.from(new Set(a.concat(b).filter(v => aSet.has(v) && !bSet.has(v))));
console.log(differenceNew);//[1,3]

3、ES5实现方式

ES5可以利用filter和indexOf进行数学集操作，但是，由于indexOf方法中NaN永远返回-1，所以需要进行兼容处理，即分两种情况：
（1）不考虑NaN的情况（数组中不含NaN）

var a = [1,2,3];
var b = [2,4,5];

// 并集
var union = a.concat(b.filter(function(v) {
    return a.indexOf(v) === -1
}))
// 交集
var intersection = a.filter(function(v){ 
    return b.indexOf(v) > -1 
}) 
// 差集
var difference = a.filter(function(v){ 
    return b.indexOf(v) === -1 
})
console.log(union); // [1,2,3,4,5]
console.log(intersection);// [2]
console.log(difference);// [1,3]

（2）考虑NaN的情况

var a = [1, 2, 3, NaN];
var b = [2, 4, 5];

var aHasNaN = a.some(function (v) {
    return isNaN(v)
})
var bHasNaN = b.some(function (v) {
    return isNaN(v)
})

// 并集
var union = a.concat(b.filter(function (v) {
    return a.indexOf(v) === -1 && !isNaN(v)
})).concat(!aHasNaN && bHasNaN ? [NaN] : []) 
// 交集
var intersection = a.filter(function (v) {
    return b.indexOf(v) > -1
}).concat(aHasNaN && bHasNaN ? [NaN] : []) 
// 差集
var difference = a.filter(function (v) {
    return b.indexOf(v) === -1 && !isNaN(v)
}).concat(aHasNaN && !bHasNaN ? [NaN] : [])

console.log(union);// [1,2,3,4,5,NaN]
console.log(intersection);// [2]
console.log(difference);//1,3,NaN

最后编辑于：2020.05.01 17:46:05