Question

我正在尝试删除数组中的重复值对象，但不起作用...我认为重复功能正在起作用，但未反映在li列表中。你能找出我要去的地方吗？

我的服务文件：

 addComp(Names,c){   
 this.item.push({ name: Names, componentid: c});
 this.uniqueArray = this.removeDuplicates(this.item, "name"); //this line issue
 this.item=this.uniqueArray; //this line issue
 }

Answer 1

如果addComp是您唯一修改this.item的地方，只需在插入之前检查是否存在。重复项永远不会放入数组中，因此您不必修剪它们。

addComp(Names,c){
  let item = {name: Names, componentid: c};
  if (this.item.find((test) => test.name === Names) === undefined) {
    this.item.push(item);
  }
}

或者，如果您要修改this.item的其他位置，则应在期望的位置删除重复项。剥离它们作为addComp函数的副作用是意外的。但是，您可以做到...

addComp(Names,c){
  this.item.push({name: Names, componentid: c});
  this.item = this.item.filter((test, index, array) =>
     index === array.findIndex((findTest) =>
        findTest.name === test.name
     )
  );
}

Answer 2

const result = Array.from(this.item.reduce((m, t) => m.set(t.name, t), new Map()).values());

这可能可以解决您的问题。

Answer 3

this.item = this.item.filter((el, i, a) => i === a.indexOf(el))

Answer 4

这将修复错误

const uniqueObjectArray = [...new Map(arrayOfObjectsWithDuplicates.map(item => [item[key], item])).values()]

Answer 5

这将删除console.log(x)//correctly logs data

中的现有重复项

this.item

这是一种更新的方法。这将在插入之前检查是否存在。如果const item = [...new Set(this.item)];不在item中，则this.item

这是防止将重复值对象推入数组的最佳方法

this.item.indexOf(item) = -1

如何从角度6的数组中删除重复的对象

5 个答案: