来源

JSFiddle公司

这将在不传递任何键的情况下删除重复对象。

uniqueArray=a=>[…new Set（.map（o=>JSON.stringify（o））].map（s=>JSON.parse（s））；var objects=[｛'x'：1，'y'：2｝，｛'x'：2，'y':1｝，{'x':1，'y'：2}]；var unique=uniqueArray（对象）；console.log（“原始对象”，对象）；console.log（“唯一”，唯一）；

uniqueArray = a => [...new Set(a.map(o => JSON.stringify(o)))].map(s => JSON.parse(s));

    var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 2 }];

    var unique = uniqueArray(objects);
    console.log(objects);
    console.log(unique);

    function genFilterData(arr, key, key1) {
      let data = [];
      data = [...new Map(arr.map((x) => [x[key] || x[key1], x])).values()];
    
      const makeData = [];
      for (let i = 0; i < data.length; i += 1) {
        makeData.push({ [key]: data[i][key], [key1]: data[i][key1] });
      }
    
      return makeData;
    }
    const arr = [
    {make: "here1", makeText:'hj',k:9,l:99},
    {make: "here", makeText:'hj',k:9,l:9},
    {make: "here", makeText:'hj',k:9,l:9}]

      const finalData= genFilterData(data, 'Make', 'MakeText');
    
        console.log(finalData);

另一种方法是使用reduce函数，并使用一个新数组作为累加器。如果累加器数组中已经有一个同名的对象，那么不要将其添加到那里。

let list = things.thing;
list = list.reduce((accumulator, thing) => {
    if (!accumulator.filter((duplicate) => thing.name === duplicate.name)[0]) {
        accumulator.push(thing);
    }
    return accumulator;
}, []);
thing.things = list;

我添加了这个答案，因为我找不到与InternetExplorer11兼容的好的、可读的es6解决方案（我使用babel来处理箭头函数）。问题是IE11没有没有polyfill的Map.values（）或Set.values）。出于同样的原因，我使用filter（）[0]来获取第一个元素，而不是find（）。

如果您只需要通过对象的一个字段进行比较，则可以使用Array迭代方法执行此操作：

    function uniq(a, param){
        return a.filter(function(item, pos, array){
            return array.map(function(mapItem){ return mapItem[param]; }).indexOf(item[param]) === pos;
        })
    }

    uniq(things.thing, 'place');

在一行中使用ES6+，您可以按键获得唯一的对象列表：

const key = 'place';
const unique = [...new Map(arr.map(item => [item[key], item])).values()]

可以将其放入函数中：

function getUniqueListBy(arr, key) {
    return [...new Map(arr.map(item => [item[key], item])).values()]
}

下面是一个工作示例：

常量arr=[{地点：“这里”，名称：“x”，其他：“其他stuff1”}，{地点：“那里”，名称：“x”，其他：“其他stuff2”}，{地点：“这里”，名称：“y”，其他：“其他stuff4”}，｛地点：“这里”，名称：“z”，其他：“其他stuff5”｝]函数getUniqueListBy（arr，key）{return[…new Map（arr.Map（item=>[item[key]，item]））.values（）]}const arr1=getUniqueListBy（arr，'place'）console.log（“按位置唯一”）console.log（JSON.stringify（arr1））console.log（“\n名称唯一”）const arr2=getUniqueListBy（arr，'name'）console.log（JSON.stringify（arr2））

它是如何工作的

首先，以可以用作Map输入的方式重新映射数组。

arr.map（项=>[项[键]，项]）；

这意味着阵列的每个项目将被转换为具有2个元素的另一个阵列；选定的键作为第一个元素，整个初始项作为第二个元素，这称为条目（例如数组条目、映射条目）。这是一个官方文档，其中有一个示例显示了如何在Map构造函数中添加数组项。

放置钥匙时的示例：

[["here", {place: "here",  name: "x", other: "other stuff1" }], ...]

其次，我们将这个修改后的数组传递给Map构造函数，这就是神奇的发生。映射将消除重复的关键字值，只保留同一关键字的最后插入值。注意：贴图保持插入顺序。（检查贴图和对象之间的差异）

新映射（上面刚刚映射的条目数组）

第三，我们使用map值来检索原始项，但这次没有重复项。

新映射（mappedArr）.values（）

最后一个是将这些值添加到一个新的数组中，这样它可以看起来像初始结构，并返回：

return[…new Map（mappedArr）.values（）]

这里有另一种技术，可以找到重复的数量，并轻松地从数据对象中删除它。“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++;
            }
        }