来点es6魔法怎么样？

obj.arr = obj.arr.filter((value, index, self) =>
  index === self.findIndex((t) => (
    t.place === value.place && t.name === value.name
  ))
)

参考URL

更通用的解决方案是：

const uniqueArray = obj.arr.filter((value, index) => {
  const _value = JSON.stringify(value);
  return index === obj.arr.findIndex(obj => {
    return JSON.stringify(obj) === _value;
  });
});

使用上述属性策略而不是JSON.stringify：

const isPropValuesEqual = (subject, target, propNames) =>
  propNames.every(propName => subject[propName] === target[propName]);

const getUniqueItemsByProperties = (items, propNames) => 
  items.filter((item, index, array) =>
    index === array.findIndex(foundItem => isPropValuesEqual(foundItem, item, propNames))
  );

如果希望propNames属性为数组或值，可以添加包装器：

const getUniqueItemsByProperties = (items, propNames) => {
  const propNamesArray = Array.from(propNames);

  return items.filter((item, index, array) =>
    index === array.findIndex(foundItem => isPropValuesEqual(foundItem, item, propNamesArray))
  );
};

允许getUniqueItemsByProperty（'a'）和getUniqueItemsByProperty（['a']）；

Stackblitz示例

解释

首先了解使用的两种方法：过滤器，findIndex接下来，让你的想法让你的两个对象相等，并记住这一点。如果某个东西满足我们刚刚想到的标准，我们可以将其检测为复制品，但它的位置不在具有该标准的对象的第一个实例处。因此，我们可以使用上述标准来确定某个东西是否是重复的。

在这里，我找到了一个使用reduce方法从对象数组中删除重复项的简单解决方案。我正在根据对象的位置键过滤元素

常量med=[｛name:“name1”，位置：“left”｝，｛name:“name2”，位置：“right”｝，｛name:“name3”，位置：“left”｝，｛name:“name4”，位置：“right”｝，｛name:“name5”，位置：“left”｝，｛name:“name6”，位置：“left1”｝]常量arr=[]；med.reduce（（acc，curr）=>{如果（acc.indexOf（当前位置）==-1）{acc.push（当前位置）；arr.push（当前）；}返回acc；}, [])控制台日志（arr）

让myData=[{place:“here”，name:“stuff”}，{地点：“there”，名称：“morestuff”}，{地点：“there”，名称：“morestuff”}]；let q=[…new Map（myData.Map（obj=>[JSON.stringify（obj），obj]）.values（）]；控制台日志（q）

一个使用ES6和new Map（）的命令行。

// assign things.thing to myData
let myData = things.thing;

[...new Map(myData.map(obj => [JSON.stringify(obj), obj])).values()];

详细信息：-

对数据列表执行.map（）并将每个单独的对象转换为[key，value]对数组（长度=2），第一个元素（key）将是对象的字符串化版本，第二个元素（value）将是一个对象本身。将上述创建的数组列表添加到新的Map（）中会将键作为字符串化对象，任何相同的键添加都会导致覆盖现有的键。使用.values（）将为MapIterator提供Map中的所有值（在本例中为obj）最后，传播。。。运算符为新数组提供上述步骤中的值。

我认为，将reduce与JSON.stringify结合起来以完美地比较对象，并选择性地添加那些尚未在累加器中的对象是一种优雅的方式。

请记住，在极端情况下，JSON.stringify可能会成为一个性能问题，因为阵列有许多对象，而且它们很复杂，但在大多数情况下，这是IMHO的最短路径。

var集合＝〔｛a:1｝，｛a:2｝，{a:1}，｛a：3｝〕var filtered=collection.reduce（（已过滤，项）=>{if（！filtered.some（filteredItem=>JSON.stringify（filtered item）==JSON.sstringify（item）））已过滤推送（项）返回已过滤}, [])console.log（已过滤）

另一种写法相同（但效率较低）：

collection.reduce((filtered, item) => 
  filtered.some(filteredItem => 
    JSON.stringify(filteredItem ) == JSON.stringify(item)) 
      ? filtered
      : [...filtered, item]
, [])

如果您正在使用Lodash库，也可以使用以下函数。它应该删除重复的对象。

var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 2 }];
_.uniqWith(objects, _.isEqual);

这种方式对我很有效：

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
    }
  })
}

这两种方式更简单易懂。