var testArray= ['a','b','c','d','e','b','c','d'];

 function removeDuplicatesFromArray(arr){

 var obj={};
 var uniqueArr=[];
 for(var i=0;i<arr.length;i++){ 
    if(!obj.hasOwnProperty(arr[i])){
        obj[arr[i]] = arr[i];
        uniqueArr.push(arr[i]);
    }
 }

return uniqueArr;

}
var newArr = removeDuplicatesFromArray(testArray);
console.log(newArr);

Output:- [ 'a', 'b', 'c', 'd', 'e' ]

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

使用ES6“reduce”和“find”数组助手方法的简单解决方案

工作效率高，非常好！

"use strict";

var things = new Object();
things.thing = new Array();
things.thing.push({
    place: "here",
    name: "stuff"
});
things.thing.push({
    place: "there",
    name: "morestuff"
});
things.thing.push({
    place: "there",
    name: "morestuff"
});

// the logic is here

function removeDup(something) {
    return something.thing.reduce(function (prev, ele) {
        var found = prev.find(function (fele) {
            return ele.place === fele.place && ele.name === fele.name;
        });
        if (!found) {
            prev.push(ele);
        }
        return prev;
    }, []);
}
console.log(removeDup(things));

这种方式对我很有效：

function arrayUnique(arr, uniqueKey) {
  const flagList = new Set()
  return arr.filter(function(item) {
    if (!flagList.has(item[uniqueKey])) {
      flagList.add(item[uniqueKey])
      return true
    }
  })
}
const data = [
  {
    name: 'Kyle',
    occupation: 'Fashion Designer'
  },
  {
    name: 'Kyle',
    occupation: 'Fashion Designer'
  },
  {
    name: 'Emily',
    occupation: 'Web Designer'
  },
  {
    name: 'Melissa',
    occupation: 'Fashion Designer'
  },
  {
    name: 'Tom',
    occupation: 'Web Developer'
  },
  {
    name: 'Tom',
    occupation: 'Web Developer'
  }
]
console.table(arrayUnique(data, 'name'))// work well

打印输出

┌─────────┬───────────┬────────────────────┐
│ (index) │   name    │     occupation     │
├─────────┼───────────┼────────────────────┤
│    0    │  'Kyle'   │ 'Fashion Designer' │
│    1    │  'Emily'  │   'Web Designer'   │
│    2    │ 'Melissa' │ 'Fashion Designer' │
│    3    │   'Tom'   │  'Web Developer'   │
└─────────┴───────────┴────────────────────┘

ES5:

function arrayUnique(arr, uniqueKey) {
  const flagList = []
  return arr.filter(function(item) {
    if (flagList.indexOf(item[uniqueKey]) === -1) {
      flagList.push(item[uniqueKey])
      return true
    }
  })
}

这两种方式更简单易懂。

基本方法是：

const obj = {};

for (let i = 0, len = things.thing.length; i < len; i++) {
  obj[things.thing[i]['place']] = things.thing[i];
}

things.thing = new Array();

 for (const key in obj) { 
   things.thing.push(obj[key]);
}

从react js中的对象数组中删除重复项（工作正常）let optionList=[]；var dataArr=this.state.itemArray.map（item=>{返回[item.name，item]});var maparr=新地图（dataArr）；var结果=[…maparr.values（）]；如果（results.length>0）{results.map（数据=>{if（data.lead_owner！==null）{optionList.push（｛label:data.name，value：data.name}）；}返回true；});}console.log（选项列表）