如何比较两个对象数组并删除javascript中的重复项[重复]

Question

所以我有以下问题。我有两个对象数组。 Array1 包含许多对象，Array2 包含这些对象的一部分：

array1: [{"first_name": "Wanda", 
          "id": 27, 
          "last_name": "Walhai"}, 
       
         {"first_name": "Victoria", 
          "id": 26, 
          "last_name": "Viperfisch"}]

array2: [{"first_name": "Victoria", 
          "id": 26, 
          "last_name": "Viperfisch"}]

而我想要做的是删除 array1 中 array2 也包含的所有对象（重复项）。所以新的array1应该是这样的：

array1: [{"first_name": "Wanda", 
          "id": 27, 
          "last_name": "Walhai"}]

谁能帮我在 javascript 中实现这一点？非常感谢。

Answer 1

您可以为所有标识符使用Set，并使用它过滤掉出现在另一个数组上的ids。

function filterById(mainArr, filterArr){
     let idSet = new Set(filterArr.map(obj => obj.id));
     return mainArr.filter(obj => !idSet.has(obj.id));
}

这将删除 mainArr 中的所有对象，并在 filterArr 中显示特定的 id。

这里的例子：

let arr = [{
    "first_name": "Wanda",
    "id": 27,
    "last_name": "Walhai"
  },

  {
    "first_name": "Victoria",
    "id": 26,
    "last_name": "Viperfisch"
  }
]

let filterArr = [{
  "first_name": "Victoria",
  "id": 26,
  "last_name": "Viperfisch"
}]

function filterById(mainArr, filterArr){
     let idSet = new Set(filterArr.map(obj => obj.id));
     return mainArr.filter(obj => !idSet.has(obj.id));
}

console.log(filterById(arr, filterArr));