javascript - 如何删除数组中具有相同键值对的对象

Question

我查看了许多堆栈溢出问题，但似乎没有一个能完全回答我的问题。我有一个对象数组，我想通过删除键和值相同的所有对象来减少这些对象。

所以我的对象数组将是:

[{a:1},{a:2},{c:3},{b:1},{a:1},{c:3},{c:4},{a:1}]

最终结果应该是:

[{a:1},{a:2},{c:3},{b:1},{c:4}]

我尝试过使用 filer 和 map，但我只能获取数组中的第一个对象，而不是数组中具有不同键/值对的所有对象。我也尝试过使用 filter 和 findIndex，但遇到了同样的问题。

我也无法在将对象插入数组之前对其进行过滤。

有人能指出我正确的方向吗？

Answer 1

您可以使用 JSON.stringify() 比较这两项.然后我们使用 reduce 添加到一个新数组中, 如果它在数组中，我们不添加它，否则我们添加它。

const array = [{a:1},{a:2},{c:3},{b:1},{a:1},{c:3},{c:4},{a:1}]

let unique = array.reduce((res, itm) => {
  // Test if the item is already in the new array
  let result = res.find(item => JSON.stringify(item) == JSON.stringify(itm))
  // If not lets add it
  if(!result) return res.concat(itm)
  // If it is just return what we already have
  return res
}, [])

console.log(unique)

或者，您可以使用 Set (如 Fissure King 提到的那样)制作一个独特的元素 list ，如下所示:

const array = [{a:1},{a:2},{c:3},{b:1},{a:1},{c:3},{c:4},{a:1}]

let unique = [...new Set(array.map(itm => JSON.stringify(itm)))].map(i => JSON.parse(i))

console.log(unique)