使用Array.prototype.filter（）不会对数组重复数据删除

Question

我要删除以下数据：

实际

var data = [
  ['dupeValue', { data: 123 }],
  ['dupeValue', { data: 123 }],
  ['otherValue', { data: 1111111 }],
  ['dupeValue', { data: 123 }]
]

预期

var data = [
  ['dupeValue', { data: 123 }],
  ['otherValue', { data: 1111111 }]
]

我尝试了以下操作，但不起作用：

data.filter((value, i, arr) => {
  return value[0] !== arr[i][0]
})
// outputs []

我想念什么？

 var data = [ ['dupeValue', { data: 123 }], ['dupeValue', { data: 123 }], ['otherValue', { data: 1111111 }], ['dupeValue', { data: 123 }] ] var result = data.filter((value, i, arr) => { return value[0] !== arr[i][0] }) console.log(result) 

Answer 1

您的过滤器测试是

var result = data.filter((value, i, arr) => {
  return value[0] !== arr[i][0]
});

但是arr[i]将始终引用当前元素在- value进行迭代，因此无论输入如何， value[0] !== arr[i][0]始终将评估为false 。 （因为value === arr[i] ，所以value[0] === arr[i][0] ）。

您可以将value[0]添加到Set ，并在测试时检查该值是否存在于set中：

 var data = [ ['dupeValue', { data: 123 }], ['dupeValue', { data: 123 }], ['otherValue', { data: 1111111 }], ['dupeValue', { data: 123 }] ] const firstElements = new Set(); var result = data.filter(([firstElement]) => { const alreadyHas = firstElements.has(firstElement); firstElements.add(firstElement); return !alreadyHas; }) console.log(result) 

Answer 2

您可以使用reduce()映射到对象，然后使用Object.values()获得结果数组

 var data = [ ['dupeValue', { data: 123 }], ['dupeValue', { data: 123 }], ['otherValue', { data: 1111111 }], ['dupeValue', { data: 123 }] ] var result = Object.values(data.reduce((a, c) => (a[c[0]] = c, a), {})) console.log(result)