我有一个包含对象数组的对象。
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"}
来点es6魔法怎么样？
things.thing = things.thing.filter((thing, index, self) =>
index === self.findIndex((t) => (
t.place === thing.place && t.name === thing.name
))
)
更通用的解决方案是：
const uniqueArray = things.thing.filter((thing, index) => {
const _thing = JSON.stringify(thing);
return index === things.thing.findIndex(obj => {
return JSON.stringify(obj) === _thing;
});
});
使用上述属性策略而不是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))
);
};
允许getUniqueItemsByProperties('a')和getUniqueItemsByProperties(['a']);
解释
一个带 Map 的衬垫（高性能，不保留顺序）
id在数组中查找 unique 。
[...new Map(arr.map(v => [v.id, v])).values()]
多个属性唯一（place和name）
[...new Map(arr.map(v => [JSON.stringify([v.place,v.name]), v])).values()]
所有属性都独一无二
[...new Map(arr.map(v => [JSON.stringify(v), v])).values()]
保持第一次出现。
[...new Map(arr.slice().reverse().map(v => [v.id, v])).values()].reverse()
带过滤器（保留顺序，低性能）
id在数组中查找 unique 。
arr.filter((v,i,a)=>a.findIndex(t=>(t.id===v.id))===i)
多个属性唯一（place和name）
arr.filter((v,i,a)=>a.findIndex(t=>(t.place === v.place && t.name===v.name))===i)
所有属性都是唯一的（这对于大型数组来说会很慢）
arr.filter((v,i,a)=>a.findIndex(t=>(JSON.stringify(t) === JSON.stringify(v)))===i)
保留最后一次出现。
arr.slice().reverse().filter((v,i,a)=>a.findIndex(t=>(t.id === v.id))===i).reverse()
一种原始方法是：
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]);
}
在一行中使用ES6+可以通过键获得唯一的对象列表：
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()]
}
这是一个工作示例：
const arr = [
{place: "here", name: "x", other: "other stuff1" },
{place: "there", name: "x", other: "other stuff2" },
{place: "here", name: "y", other: "other stuff4" },
{place: "here", name: "z", other: "other stuff5" }
]
function getUniqueListBy(arr, key) {
return [...new Map(arr.map(item => [item[key], item])).values()]
}
const arr1 = getUniqueListBy(arr, 'place')
console.log("Unique by place")
console.log(JSON.stringify(arr1))
console.log("\nUnique by name")
const arr2 = getUniqueListBy(arr, 'name')
console.log(JSON.stringify(arr2))arr.map(item => [item[key], item]);
这意味着数组的每一项都将转换为另一个包含 2 个元素的数组；所述选择的键作为第一元件和整个初始项目作为第二元件，这被称为一个条目（例如，阵列的条目，映射条目）。而这里是官方的文档与演示如何在地图构造函数到数组项的例子。
关键是place 的示例：
[["here", {place: "here", name: "x", other: "other stuff1" }], ...]
其次，我们将这个修改过的数组传递给 Map 构造函数，这就是神奇的发生。Map 将消除重复的键值，只保留同一键的最后插入值。 注意：Map 保持插入的顺序。（检查地图和对象之间的区别）
新地图（上面刚刚映射的条目数组）
第三，我们使用地图值来检索原始项目，但这次没有重复项。
新地图(mappedArr).values()
最后一个是将这些值添加到一个新的数组中，这样它就可以作为初始结构并返回：
返回 [...new Map(mappedArr).values()]
如果您可以使用下划线或 lodash等 Javascript 库，我建议您查看_.uniq它们库中的函数。来自lodash：
_.uniq(array, [isSorted=false], [callback=_.identity], [thisArg])
基本上，您传入这里是对象文字的数组，然后传入要删除原始数据数组中重复项的属性，如下所示：
var data = [{'name': 'Amir', 'surname': 'Rahnama'}, {'name': 'Amir', 'surname': 'Stevens'}];
var non_duplidated_data = _.uniq(data, 'name');
更新：Lodash 现在也引入了.uniqBy。