JS选取一个数组中另一个的数组的补集

有时候，我们可能会遇到这样一个需求，从A数组中选取除去B数组后的内容，举个例子，最后需要得到C数组

a = [1,2,3,4,5]
b = [1,4,5]
// 需要的结果
c = [2,3]   

下面主要通过两种方式来实现一下。

因为一般的情况下不会只是简单的基本数据结构(如上面的数组)，所以这里我们使用对象数组作为测试数据

let a = [{
        "id":"1",
        "name":"用户1"
    },{
        "id":"2",
        "name":"用户2"
    },{
        "id":"3",
        "name":"用户3"
    },{
        "id":"4",
        "name":"用户4"
    },{
        "id":"5",
        "name":"用户5"
    }]

let b = [{
        "id":"2",
        "name":"用户2"
    },{
        "id":"3",
        "name":"用户3"
    }]
// 需要的结果
let c = [{
        "id":"1",
        "name":"用户1"
    },{
        "id":"4",
        "name":"用户4"
    },{
        "id":"5",
        "name":"用户5"
    }]

1、双重循环

在es6之前要实现这样的功能，基本上都是使用双重循环的方式，这种方式理解起来也简单，但是写起来相对麻烦一点：

let c = []
a.forEach(t1 => {
  let exist = b.some(t2 => t1.id === t2.id);
  console.log(exist);
  if (!exist){
	c.push(t1);
  }
});

forEach()方法这里就不多说了，就是一个遍历，这里说一下some()这个方法，some()方法也有遍历的作用，还可以传入一个函数，如果有任何一个元素满足这个函数，则直接返回true，后面的元素就不再遍历了(可以理解为逻辑短路)，如果所有元素都不满足这个函数，则返回false。

2、ES6的实现

使用ES6的方法来实现就非常的简洁,一行代码就搞定了

let c = a.filter(t1 => 
    b.findIndex(t2 => t1.id === t2.id) == -1
);

filter()是ES5的方法，作用是将数组中满足指定条件的元素筛选出来，这个和Java8中stream流中的filter()方法基本无异

findIndex()是ES6的方法，作用是找到数组中满足条件的元素的对应下标，如果没有找到，则返回-1

了解了这些就理解起来就很简单了。