本文介绍如何在 javascript 中对对象数组按多个指定属性（如 name、lastname、city）进行去重，保留首次出现的元素，兼顾可读性、兼容性与性能。
本文介绍如何在 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 仅保留第一个）⚠️ 注意事项：
立即学习“Java免费学习笔记（深入）”；
- 大小写敏感：示例中 "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 是目前最简洁、高效且符合直觉的实践方式。
