通过给定的属性名称删除重复的对象数组

Question

我有一个包含大约 1500 个元素的对象数组，我正在尝试创建一个新数组来删除具有重复唯一属性的元素。但是由于某种原因，当我运行该函数时，它会在数组的前 100 个元素处停止。我怎样才能让它遍历整个数组。

  const result = Array.from(new Set(DATA.map((a) => a.Numbers))).map(
    (Numbers) => {
      return DATA.find((a) => a.Numbers === Numbers);
    }
  );

Answer 1

创建一个使用Numbers 属性作为键的对象。由于对象键必须是唯一的，这将删除重复项。然后获取对象值转换回数组。

const DATA = [{ Numbers: 1 },{ Numbers: 2 },{ Numbers: 3 },{ Numbers: 4 },{ Numbers: 1 },{ Numbers: 4 }];
const result = Object.values(Object.fromEntries(DATA.map(a => [a.Numbers, a])));
console.log(result)

Answer 2

你真的把事情复杂化了。您mapping 两次，将结果转换为一个集合，然后从该集合创建一个新数组。

使用简单的循环会更简单（也更易读），并记录对象中的数字。如果一个数字已经存在splice数组中的对象。

此方法不会创建 新 数组 - 您正在修改现有数组 - 但它会起作用。

const arr = [{ number: 1 },{ number: 2 },{ number: 3 },{ number: 4 },{ number: 1 },{ number: 4 }];

const numbers = new Set();

for (let i = arr.length - 1; i >= 0 ; i--) {
  const { number } = arr[i];
  if (numbers.has(number)) arr.splice(i, 1);
  numbers.add(number);
}

console.log(arr);

Answer 3

由于还没有基于Map 的答案（我相信Map 最适合from performance standpoint），我会发布我的：

const src = [{key: 'a', value: 1}, {key: 'c', value: 3}, {key: 'b', value: 2}, {key: 'a', value: 1}, {key: 'c', value: 3}]

const dedupe = (arr, keyProp) => [
    ...arr
        .reduce((acc, obj) => 
            (acc.set(obj[keyProp], obj), acc), new Map)
        .values()
]

const result = dedupe(src, 'key')

console.log(result)

.as-console-wrapper{min-height:100%;}

Answer 4

制作不同对象数组的习惯用法（也在this answer 中描述）如下所示：

const distinct = DATA.filter((obj, idx) => 
  idx === data.findIndex(a => a.Numbers === obj.Numbers));

这会通过选择所有在线性搜索时返回与它们已有的相同索引的项目来过滤输入数组。从而根据给定的标准选择每个此类对象的第一个。

注意：有些Numbers 是字符串，有些是实际的数字。 （以 0 开头的存储为字符串，例如 '02'。）如果您需要处理可能在字符串和数字中存储相同值的情况，您可以使用不太严格的 == 而不是 ===格式。例如：a.Numbers == obj.Numbers.