如何将对象按属性值分组并统计频次-js教程-PHP中文网

如何将对象按属性值分组并统计频次

本文介绍如何将键值为对象的普通 javascript 对象，按指定属性（如 name）进行去重分组，并生成带计数的新对象，输出结果保持数字索引顺序。

本文介绍如何将键值为对象的普通 javascript 对象，按指定属性（如 name）进行去重分组，并生成带计数的新对象，输出结果保持数字索引顺序。

在实际开发中，我们常遇到类似场景：一个类数组对象（即键为连续数字字符串的普通对象）存储了多条记录，需按某字段（如 Name）聚合统计出现次数，并以紧凑、有序的结构重新组织数据。虽然输入看似像数组，但它本质是对象，因此不能直接使用 Array.prototype 方法，需先通过 Object.values() 提取值，再进行处理。

以下是清晰、高效且兼容性良好的实现方案：

const input = {
  0: { State: true, Name: 'bob' },
  1: { State: true, Name: 'candice' },
  2: { State: true, Name: 'allen' },
  3: { State: true, Name: 'bob' },
  4: { State: true, Name: 'bob' },
  5: { State: true, Name: 'candice' }
};

// 步骤 1：按 Name 统计频次（使用空值合并操作符 ?? 确保初始值为 0）
const countMap = {};
for (const { Name } of Object.values(input)) {
  countMap[Name] = (countMap[Name] ?? 0) + 1;
}

// 步骤 2：转换为按数字索引排列的目标格式
const result = {};
Object.entries(countMap).forEach(([Name, Count], index) => {
  result[index] = { Name, Count };
});

console.log(result);
// 输出：
// {
//   0: { Name: 'bob', Count: 3 },
//   1: { Name: 'candice', Count: 2 },
//   2: { Name: 'allen', Count: 1 }
// }

✅ 关键要点说明：

绘蛙AI视频

绘蛙AI视频是一款面向电商营销的图片转视频和模特动态视频生成工具。

下载

使用 Object.values(input) 安全提取所有值，避免遍历原型链或非数字键干扰；
?? 0 比 || 0 更严谨，能正确处理 countMap[Name] 为 0（falsy 但有效）的情况；
Object.entries() 返回 [key, value] 数组，天然保持插入顺序（ES2015+ 规范保证），确保 'bob'、'candice'、'allen' 的输出顺序与首次出现顺序一致（若需严格按频次降序，可额外调用 .sort()）；
最终结构使用数字字符串键（'0', '1'…），符合原始需求，也便于后续作为类数组结构消费（例如 for...in 或 Object.keys(result).map(...)）。

⚠️ 注意事项：