javascript - 如何在javascript中的数组中添加非重复对象？

Question

我想将非重复对象添加到新数组中。

var array = [
  {
    id: 1,
    label: 'one'
  },
  {
    id: 1,
    label: 'one'
  },
  {
    id: 2,
    label: 'two'
  }
];

var uniqueProducts = array.filter(function(elem, i, array) {
    return array.indexOf(elem) === i;
});

console.log('uniqueProducts', uniqueProducts);
// output: [object, object, object] 

live code

Answer 1

我喜欢使用 es6 的基于类的方法。该示例使用 lodash 的 _.isEqual 方法来确定对象的相等性。

var array = [{
  id: 1,
  label: 'one'
}, {
  id: 1,
  label: 'one'
}, {
  id: 2,
  label: 'two'
}];

class UniqueArray extends Array {
  constructor(array) {
    super();
    array.forEach(a => {
      if (! this.find(v => _.isEqual(v, a))) this.push(a);
    });
  }
}

var unique = new UniqueArray(array);
console.log(unique);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.4/lodash.min.js"></script>