【数组差值获取】vue对比两个数组的数据差值，并把差值取出来显示

问题：什么是数组差值获取呢。

有时候会遇到一种情况，就是比如我们有一个A数组，还有一个B数组，我们需要比较两个数组，看A数组内的数据是否在B数组内存在，如何有就不管，如果没有就取出来。

代码

has:返回一个bool值，用来表明数组 中是否存在指定元素。

    newArr(oldData, newData) {
      //去重
      let arr1 = new Set(oldData); //原数组
      let arr2 = new Set(newData); //新数组
      let List = [];
      //for of：循环数组的值
      for (let k of arr2) {
        //对比数组每一项，没有的就添加到空数组
        if (!arr1.has(k)) {
          List.push(k);
        }
      }
      return List; // 这里拿到了差值数据返回出去
    },

    let a = [1, 2, 3, 4, 5, 6];
    let b = [1, 2, 3, 4, 5, 6, 7, 8, 9];

    console.log(this.newArr(a, b)); // [7,8,9]

差集和交集

交集：相同的
差集：不一样的
使用方式：两个数组替换这里的list1和list2
然后后面的x是每一个数据，如果是数组对象就x.某某，如果是数组就直接x就行了

let arr1= [...this.list1].filter(x => [...this.list2].some(y => y == x.name));  交集
let arr2= [...this.list1].filter(x => [...this.list2].every(y => y != x.name)); 差集