可以使用for循环和条件使其唯一

const data = [
{ id: 1 },
{ id: 2 },
{ id: 3 },
{ id: 4 },
{ id: 5 },
{ id: 6 },
{ id: 6 },
{ id: 6 },
{ id: 7 },
{ id: 8 },
{ id: 8 },
{ id: 8 },
{ id: 8 }
];

const filtered= []

for(let i=0; i<data.length; i++ ){
    let isHasNotEqual = true
    for(let j=0; j<filtered.length; j++ ){
      if (filtered[j].id===data[i].id){
          isHasNotEqual=false
      }
    }
    if (isHasNotEqual){
        filtered.push(data[i])
    }
}
console.log(filtered);

/*
output
[ { id: 1 },
  { id: 2 },
  { id: 3 },
  { id: 4 },
  { id: 5 },
  { id: 6 },
  { id: 7 },
  { id: 8 } ]

*/

这是我的解决方案，将实际数组添加到键值对象中，其中键将是唯一标识，值可以是对象或整个对象的任何属性。

说明：具有重复项的主数组将转换为键/值对象如果Id已存在于唯一对象中，则该值将被覆盖。最后，只需将唯一对象转换为数组。

getUniqueItems(array) {       
        const unique = {};
        // here we are assigning item.name but it could be a complete object.
        array.map(item => unique[item.Id] = item.name);
        // here you can transform your array item like {text: unique[key], value: key} but actually you can do what ever you want
        return Object.keys(unique).map(key => ({text: unique[key], value: key}));
      })
    );
  }

在一行中使用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（）]

带过滤器的内衬（保留订单）

在数组中查找唯一id。

arr.filter((v,i,a)=>a.findIndex(v2=>(v2.id===v.id))===i)

如果顺序不重要，映射解决方案将更快：使用映射解决方案

多个财产独有（地点和名称）

arr.filter((v,i,a)=>a.findIndex(v2=>['place','name'].every(k=>v2[k] ===v[k]))===i)

所有财产都是唯一的（对于大型阵列来说，这将很慢）

arr.filter((v,i,a)=>a.findIndex(v2=>(JSON.stringify(v2) === JSON.stringify(v)))===i)

通过用findLastIndex替换findIndex来保留最后一次出现。

arr.filter((v,i,a)=>a.findLastIndex(v2=>(v2.place === v.place))===i)

我们可以利用Javascript的Set对象和Array的Filter函数：例如：

//示例阵列const arr=[｛id:“1”｝，｛id:“2”｝；//收集要过滤元素的唯一元素Id。constuniqIds=arr.reduce（（id，el）=>ids.add（el.id），new Set（））；//过滤出uniq元素。const uniqElements=arr.filter（（el）=>uniqIds.delete（el.id））；console.log（uniqElements）；

我认为最好的方法是使用reduce和Map对象。这是单线解决方案。

常量数据=[｛id:1，名称：“David”｝，｛id:2，名称：“Mark”｝，｛id:2，名称：“Lora”｝，｛id:4，名称：“Tyler”｝，｛id:4，名称：“Donald”｝，｛id:5，名称：“Adrian”｝，｛id:6，姓名：“Michael”｝]constuniqueData=[…data.reduce（（map，obj）=>map.set（obj.id，obj），new map（））.values（）]；console.log（uniqueData）/*在`map.set（obj.id，obj）中`“obj.id”是键。（别担心。我们将只使用.values（）方法获取值）“obj”是整个对象。*/