首页 关于我们 成功案例 网络营销 电商设计 新闻中心 联系方式
QQ联系
电话联系
手机联系

js对象数组去重的方法

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

js对象数组去重的方法

J*aScript中对对象数组去重是一个常见需求,由于对象是引用类型,不能直接用原始值的方式比较。以下是几种实用的去重方法,适用于不同场景。

1. 基于某个唯一属性去重(如id)

如果你的对象数组中有某个字段是唯一的(比如id),可以用这个字段作为判断依据,使用reduceMap结构来去重。

示例:

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生成唯一标识。

OneStory OneStory

OneStory 是一款创新的AI故事生成助手,用AI快速生成连续性、一致性的角色和故事。

OneStory 319 查看详情 OneStory
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没问题,大数据推荐用MapSet提升效率。关键是明确“重复”的定义:是某个字段相同?还是全部属性一致?

以上就是js对象数组去重的方法的详细内容,更多请关注其它相关文章!


# javascript  # java  # js  # json  # 大数据  # red  # 数据结构  # 如何实现  # 多个  # 可以用  # 多字  # 如何处理  # 是一个  # 如果你  # 你要  # 你也  # 正定商城网站建设价格  # 厦门seo布局优化  # 网站网页优化技巧  # seo冯耀宗  # 殡仪怎么做推广营销  # 青海政府网站建设  # 肇庆大旺网站优化推广  # 嵊州网站如何推广的呀  # seo优化排名代理  # 大连seo查询推荐