我有一个包含对象数组的对象。
obj = {};
obj.arr = new Array();
obj.arr.push({place:"here",name:"stuff"});
obj.arr.push({place:"there",name:"morestuff"});
obj.arr.push({place:"there",name:"morestuff"});
我想知道从数组中删除重复对象的最佳方法是什么。例如，obj.arr将变成。。。
{place:"here",name:"stuff"},
{place:"there",name:"morestuff"}
当前回答
这是我的解决方案，它基于object.prop搜索重复的对象，当找到重复的对象时，它会将array1中的值替换为array2值
function mergeSecondArrayIntoFirstArrayByProperty(array1, array2) {
for (var i = 0; i < array2.length; i++) {
var found = false;
for (var j = 0; j < array1.length; j++) {
if (array2[i].prop === array1[j].prop) { // if item exist in array1
array1[j] = array2[i]; // replace it in array1 with array2 value
found = true;
}
}
if (!found) // if item in array2 not found in array1, add it to array1
array1.push(array2[i]);
}
return array1;
}
其他回答
另一种方法是使用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');
let data = [
{
'name': 'Amir',
'surname': 'Rahnama'
},
{
'name': 'Amir',
'surname': 'Stevens'
}
];
let non_duplicated_data = _.uniqBy(data, 'name');
es6魔术在一条线上。。。在那时候可读！
// returns the union of two arrays where duplicate objects with the same 'prop' are removed
const removeDuplicatesWith = (a, b, prop) => {
a.filter(x => !b.find(y => x[prop] === y[prop]));
};
考虑lodash.uniqWith
const objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 2 }];
_.uniqWith(objects, _.isEqual);
// => [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }]
