JavaScript 多字段去重数组对象方法

本文深入探讨了JavaScript中对对象数组按多个字段（如name、lastName、city）进行高效去重的实用方案，重点解决业务中常见的“组合唯一性”难题——不仅提供语义清晰、兼容性好、性能优越（O(n)时间复杂度）的Set+filter推荐实现，还细致剖析了大小写敏感、空值处理、深层属性支持等真实开发痛点，并给出可落地的优化建议与扩展思路，助你写出更健壮、可维护的去重逻辑。

本文介绍如何在 JavaScript 中对对象数组按多个指定属性（如 name、lastName、city）进行去重，保留首次出现的元素，兼顾可读性、兼容性与性能。

在实际开发中，仅依据单个字段（如 id）去重往往不够——业务常需基于多个逻辑字段组合判断唯一性，例如用户姓名+姓氏+城市构成一条唯一记录。此时，new Set() 或 Map 的默认键机制无法直接使用，需自定义比较逻辑。

核心思路是：对每个对象，检查它在数组中最后一次出现的位置是否等于当前索引；若相等，说明它是该组合值的“末次出现”，但我们要的是“首次出现”。因此更准确的做法是：仅保留其首次出现的位置（即该组合值第一次匹配到的索引）。这可通过 filter + findIndex 实现（而非 findLastIndex），确保稳定性与语义清晰。

✅ 推荐实现（ES2015+，语义明确、易于维护）：

const removeDuplicatesByKeys = (arr, keys) => {
  const seen = new Set();
  return arr.filter(item => {
    // 构建唯一签名：按 keys 顺序拼接对应属性值（自动处理 undefined/null）
    const signature = keys.map(key => item[key]).join('|');
    if (seen.has(signature)) return false;
    seen.add(signature);
    return true;
  });
};

// 使用示例
const input = [
  {
    "eventUid": "0fdb73d9-629f-4151-acab-7b48c24ef2D0",
    "name": "John",
    "lastName": "Doe",
    "city": "Ukraine"
  },
  {
    "eventUid": "0fdb73d9-629f-4151-aBab-7b48c24ef2e0",
    "name": "Marcel",
    "lastName": "Pilate",
    "city": "Ukraine"
  },
  {
    "eventUid": "0fcc73d9-629f-4151-aBab-7b48c24ef2e0",
    "name": "John",
    "lastName": "Doe",
    "city": "Ukraine"
  }
];

const uniqueByFields = removeDuplicatesByKeys(input, ['name', 'lastName', 'city']);
console.log(uniqueByFields);
// 输出包含前两个对象（John Doe Ukraine 仅保留第一个）

⚠️ 注意事项：

• 大小写敏感：示例中 "Ukraine" 与 "ukraine" 被视为不同值。如需忽略大小写，可统一转为 .toLowerCase()；
• 空值/缺失字段处理：item[key] 为 undefined 时会转为字符串 "undefined"，影响去重逻辑。建议提前校验或提供默认值（如 item[key] ?? ''）；
• 性能考量：Set + 单次遍历时间复杂度为 O(n)，优于嵌套循环（O(n²)），适合千级以内数据；超大数据量建议用 Map 索引优化或后端分页去重；
• findLastIndex 方案局限性：原答案使用 findLastIndex 判断“是否为最后一次出现”，虽能工作，但语义反直觉（我们想要“第一次”），且 findLastIndex 在旧版 Safari 等环境需 polyfill，降低兼容性。

? 扩展建议：
若需支持深层属性（如 user.profile.city），可将 keys 改为路径数组，并配合 lodash.get 或自定义安全取值函数；若需动态配置去重策略，可将 signature 生成逻辑抽象为回调函数，提升复用性。

总结：多字段对象数组去重的关键在于构建稳定、可预测的唯一标识符。使用 Set 缓存签名并配合 filter 是目前最简洁、高效且符合直觉的实践方式。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~