如果数组包含对象，则可以使用此方法删除重复的

const persons= [
      { id: 1, name: 'John',phone:'23' },
      { id: 2, name: 'Jane',phone:'23'},
      { id: 1, name: 'Johnny',phone:'56' },
      { id: 4, name: 'Alice',phone:'67' },
    ];
const unique = [...new Map(persons.map((m) => [m.id, m])).values()];

如果删除基于电话的重复项，只需将m.id替换为m.phone

const unique = [...new Map(persons.map((m) => [m.phone, m])).values()];

继续探索ES6从对象数组中删除重复项的方法：将array.prototype.filter的thisArg参数设置为new Set提供了一个不错的选择：

常量=[{地点：“这里”，名称：“东西”}，{地点：“there”，名称：“morestuff”}，{地点：“there”，名称：“morestuff”}];constfiltered=things.filter（函数（｛place，name｝）{const key=“$｛place｝$｛name｝”；回来this.has（key）&&this.add（key）；}，新设置）；console.log（已过滤）；

但是，它不能与箭头函数（）=>一起工作，因为这与它们的词法范围有关。

TypeScript解决方案

这将删除重复的对象，并保留对象的类型。

function removeDuplicateObjects(array: any[]) {
  return [...new Set(array.map(s => JSON.stringify(s)))]
    .map(s => JSON.parse(s));
}

这里有另一种技术，可以找到重复的数量，并轻松地从数据对象中删除它。“dupsCount”是重复文件数。首先对数据进行排序，然后删除。它将为您提供最快的重复删除。

  dataArray.sort(function (a, b) {
            var textA = a.name.toUpperCase();
            var textB = b.name.toUpperCase();
            return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;
        });
        for (var i = 0; i < dataArray.length - 1; ) {
            if (dataArray[i].name == dataArray[i + 1].name) {
                dupsCount++;
                dataArray.splice(i, 1);
            } else {
                i++;
            }
        }

removeDucplicates（）接受一个对象数组，并返回一个没有任何重复对象的新数组（基于id属性）。

const allTests = [
  {name: 'Test1', id: '1'}, 
  {name: 'Test3', id: '3'},
  {name: 'Test2', id: '2'},
  {name: 'Test2', id: '2'},
  {name: 'Test3', id: '3'}
];

function removeDuplicates(array) {
  let uniq = {};
  return array.filter(obj => !uniq[obj.id] && (uniq[obj.id] = true))
}

removeDuplicates(allTests);

预期结果：

[
  {name: 'Test1', id: '1'}, 
  {name: 'Test3', id: '3'},
  {name: 'Test2', id: '2'}
];

首先，我们将变量uniq的值设置为空对象。

接下来，我们过滤对象数组。Filter创建一个新数组，其中包含通过所提供函数实现的测试的所有元素。

return array.filter(obj => !uniq[obj.id] && (uniq[obj.id] = true));

上面，我们使用了&&的短路功能。如果&&的左侧求值为true，则返回&&右侧的值。如果左侧为false，则返回&&左侧的内容。

对于每个对象（obj），我们检查uniq中名为obj.id值的属性（在这种情况下，在第一次迭代时，它将检查属性“1”。）我们希望它返回的结果（true或false）相反，这就是为什么我们使用！在里面uniq[obj.id]。如果uniq已经具有id属性，则返回true，其计算结果为false（！），告诉过滤函数不要添加该obj。但是，如果未找到obj.id属性，它返回false，然后计算结果为true（！）并返回&&或（uniq[obj.id]=true）右侧的所有内容。这是一个truthy值，告诉filter方法将该obj添加到返回的数组中，并且还将属性｛1:true｝添加到uniq中。这确保不会再添加具有相同id的任何其他obj实例。

如果不想指定财产列表：

function removeDuplicates(myArr) {
  var props = Object.keys(myArr[0])
  return myArr.filter((item, index, self) =>
    index === self.findIndex((t) => (
      props.every(prop => {
        return t[prop] === item[prop]
      })
    ))
  )
}

再见！与IE11不兼容。