我有一个包含对象数组的对象。
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"}
当前回答
对于一个可读且简单的解决方案搜索者，她是我的版本：
function removeDupplicationsFromArrayByProp(originalArray, prop) {
let results = {};
for(let i=0; i<originalArray.length;i++){
results[originalArray[i][prop]] = originalArray[i];
}
return Object.values(results);
}
其他回答
这是我的解决方案，将实际数组添加到键值对象中，其中键将是唯一标识，值可以是对象或整个对象的任何属性。
说明：具有重复项的主数组将转换为键/值对象如果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}));
})
);
}
为懒惰的Typescript开发人员提供快速（运行时更少）和类型安全的答案：
export const uniqueBy = <T>( uniqueKey: keyof T, objects: T[]): T[] => {
const ids = objects.map(object => object[uniqueKey]);
return objects.filter((object, index) => !ids.includes(object[uniqueKey], index + 1));
}
TypeScript函数将数组过滤到其唯一元素，其中唯一性由给定的谓词函数决定：
function uniqueByPredicate<T>(arr: T[], predicate: (a: T, b: T) => boolean): T[] {
return arr.filter((v1, i, a) => a.findIndex(v2 => predicate(v1, v2)) === i);
}
不打字员：
function uniqueByPredicate(arr, predicate) {
return l.filter((v1, i, a) => a.findIndex(v2 => predicate(v1, v2)) === i);
}
为我工作
const uniqueArray = products.filter( (value,index) => {
return index === products.findIndex( (obj) => {
return JSON.stringify(obj) === JSON.stringify(value);
})
})
另一种方法是使用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（）。
