答案:对象数组去重需根据唯一属性、多属性组合或完全深比较判断重复。1. 按单字段如id去重可用reduce或Map结构;2. 多字段组合可拼接key或用JSON.stringify生成标识;3. 全属性相同可用JSON.stringify比较,但不支持undefined、函数等值,推荐lodash的_.isEqual;4. 使用lodash的uniqBy方法更简洁高效。选择方法应基于数据结构和性能需求。

JavaScript中对对象数组去重是一个常见需求,由于对象是引用类型,不能直接用原始值的方式比较。以下是几种实用的去重方法,适用于不同场景。
如果你的对象数组中有某个字段是唯一的(比如red">id),可以用这个字段作为判断依据,使用reduce或Map结构来去重。
示例:
const arr = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' },
{ id: 1, name: 'Alice' }
];
const unique = arr.reduce((acc, curr) => {
if (!acc.some(item => item.id === curr.id)) {
acc.push(curr);
}
return acc;
}, []);
或者更高效地使用Map:
const unique = Array.from( new Map(arr.map(item => [item.id, item])).values() );
这种方式利用Map的键唯一性,把id作为键,自动覆盖重复项。
如果需要根据多个字段联合判断是否重复,可以将这些字段拼接成字符串或使用JSON.stringify生成唯一标识。
const arr = [
{ name: 'Alice', age: 25 },
{ name: 'Bob', age: 30 },
{ name: 'Alice', age: 25 }
];
const seen = new Set();
const unique = arr.filter(item => {
const key = `${item.name}-${item.age}`;
if (seen.has(key)) {
return false;
}
seen.add(key);
return true;
});
你也可以用JSON.stringify([item.name, item.age])作为key,灵活控制比对字段。
当你要判断整个对象是否完全一样时,可借助深比较函数。虽然JSON.stringify简单,但要注意:属性顺序会影响结果。
const unique = arr.filter((item, index) => {
return index === arr.findIndex(obj =>
JSON.stringify(obj) === JSON.stringify(item)
);
});
注意:这种方法不适用于包含undefined、函数、Symbol等无法被序列化的值。生产环境建议使用lodash的_.isEqual。
如果你项目中用了lodash,可以直接使用_.uniqBy方法,简洁又可靠。
import { uniqBy } from 'lodash';
const unique = uniqBy(arr, 'id'); // 按id去重
// 或
const unique = uniqBy(arr, item => `${item.name}-${item.age}`);
基本上就这些。选择哪种方式取决于你的数据结构和性能要求。小数据量用filter + findIndex没问题,大数据推荐用Map或Set提升效率。关键是明确“重复”的定义:是某个字段相同?还是全部属性一致?
以上就是js对象数组去重的方法的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号