arrays - 使用 ES6 或 TypeScript 获取两个对象数组之间的差异

Question

我有以下数组:

  arr1 = [{
      id: 1,
      name: 'Diego',
      age: 23
  }, {
      id: 2,
      name: 'Brian',
      age: 18
  }]

  arr2 = [{
      id: 1,
      name: 'Diego',
      age: 23
  }, {
      id: 2,
      name: 'Brian',
      age: 18
  }, {
      id: 3,
      name: 'Pikachu',
      age: 88
  }]

我需要得到这两个数组之间的区别，期望的结果是:

arr3 [{id:3, name: 'Pikachu', age: 88}]

如何使用 ES6 或 TypeScript 解决这个问题？

我尝试使用 SET , 但没有用。

Answer 1

可能是这样的:

let ids1 = arr1.map(item => item.id);
let ids2 = arr2.map(item => item.id);

let diff = ids1.map((id, index) => {
        if (ids2.indexOf(id) < 0) {
            return arr1[index];
        }
    }).concat(ids2.map((id, index) => {
        if (ids1.indexOf(id) < 0) {
            return arr2[index];
        }
    })).filter(item => item != undefined);

( code in playground )