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

JavaScript中对对象数组去重是一个常见需求,由于对象是引用类型,不能直接用原始值的方式比较。以下是几种实用的去重方法,适用于不同场景。
1. 基于某个唯一属性去重(如id)
如果你的对象数组中有某个字段是唯一的(比如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作为键,自动覆盖重复项。
2. 基于多个属性组合去重
如果需要根据多个字段联合判断是否重复,可以将这些字段拼接成字符串或使用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,灵活控制比对字段。
3. 完全深比较去重(所有属性都相同才算重复)
当你要判断整个对象是否完全一样时,可借助深比较函数。虽然JSON.stringify简单,但要注意:属性顺序会影响结果。
const unique = arr.filter((item, index) => { return index === arr.findIndex(obj => JSON.stringify(obj) === JSON.stringify(item) );});
注意:这种方法不适用于包含undefined、函数、Symbol等无法被序列化的值。生产环境建议使用lodash的_.isEqual。
4. 使用 lodash 库简化操作
如果你项目中用了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对象数组去重的方法的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1535188.html
微信扫一扫
支付宝扫一扫