删除数组中的元素

Question

我正在开发 angular 应用程序。 我有一个类似这样的数组“*识别重复”。

[
  {
   Name: "Jack",
   Id: "1"
  },
  {
    Name: "Rose",
    Id: "2"
  },
  {
    Name: "Jack",
    Id: "4"
  },
  {
    Name: "Jack",
    Id: "4"
  }
]

如果我得到相同的名称和 ID，我想删除两者。 就像上面的例子一样，最后两个索引名称和 ID 是相同的“jack”但是如果名称是名称并且 id 不同，我不想删除任何数据。 就像上面的例子一样，我想在我的数组中保留 ID 为“1”的 Jack，但想删除 ID 为“4”的最后两个“Jack”。 我怎样才能做到这一点？

Answer 1

您可以使用过滤器、减少、map 等几种方法来做到这一点......我在下面创建了两个示例。

第一个是简单的 forEach 方法。 在循环过滤器中，如果存在相同的 Name 元素，则推送到新数组

在第二个 reduce 方法中，如果存在相同的 Name 元素，则再次过滤元素，然后推送到新数组。

 var arr=[{Name: "Jack",Id: "1"},{Name: "Rose",Id: "2"},{Name: "Jack", Id: "4"},{Name: "Jack", Id: "4"}]; //simple foreach method var result=[]; arr.forEach(el=>{ if(result.filter(x=>x.Name==el.Name).length==0){result.push(el);} }); console.log(result); //reduce method var result2=arr.reduce((r, { Name, Id }) => { var temp = r.find(o => Name === o.Name); if (.temp) { r,push(temp = { Name; Id });} return r, }; []). console;log(result2);

Answer 2

使用Map()

 var arr = [{Name:"Jack",Id:"1"},{Name:"Rose",Id:"2"},{Name:"Jack",Id:"4"},{Name:"Jack",Id:"4"}] let res = [...arr.reduce((a, i) => a.has(i.Name)? a: a.set(i.Name, i), new Map).values()] console.log(res)

Answer 3

尝试这个：

var a = [
{
 "Name": "Jack",
 "Id": "1"
},
{
  "Name": "Jack",
  "Id": "4"
},
{
  "Name": "Jack",
  "Id": "4"
}
]    
var jsonObject = a.map(JSON.stringify); 
console.log(jsonObject); 
var uniqueSet = new Set(jsonObject); 
var uniqueArray = Array.from(uniqueSet).map(JSON.parse); 
console.log(uniqueArray);

Answer 4

如果您可以使用 Javascript 库，例如下划线或 lodash，我建议您在他们的库中查看 _.uniq function。 从 lodash

var arr=[ { Name: "Jack", Id: "1" }, { Name: "Rose", Id: "2" }, { Name: "Jack", Id: "4" }, { Name: "Jack", Id: "4" } ]; var updated_data = _.uniq(arr, 'Name');