本文介绍一种使用 javascript 的 reduce 和 tosorted 方法，基于对象 id 统计重复项数量、保留首次出现的名称，并按 id 从高到低排序后生成如 “2x banana, 1x apple” 格式字符串的完整方案。
本文介绍一种使用 javascript 的 reduce 和 tosorted 方法，基于对象 id 统计重复项数量、保留首次出现的名称，并按 id 从高到低排序后生成如 “2x banana, 1x apple” 格式字符串的完整方案。
在电商购物车、库存汇总或数据聚合等场景中，常需将含重复 ID 的对象数组转化为带数量前缀的可读字符串（如 "2x Banana, 1x Apple, 2x Strawberry"）。关键要求有三点：以 id 为唯一标识进行去重与计数（而非 name）、结果按 id 降序排列、每个 ID 对应的 name 仅取首次出现值（避免同 ID 多名冲突）。
以下为推荐实现方案，兼顾可读性、性能与现代语法支持：
const data = [
{ "id": 5, "name": "banana" },
{ "id": 5, "name": "banana" },
{ "id": 4, "name": "apple" },
{ "id": 1, "name": "strawberry" },
{ "id": 1, "name": "strawberry" }
];
// 首字母大写辅助函数
const capitalise = (str) => str.replace(/\b[a-z]/g, (c) => c.toUpperCase());
// 主逻辑：排序 → 聚合 → 格式化
const resultString = data
.toSorted((a, b) => b.id - a.id) // 按 id 降序（ES2023+）
.reduce((acc, { id, name }) => {
// 若该 id 尚未记录，则初始化：保存 name（首次出现），count 设为 0
acc[id] ??= { name, count: 0 };
acc[id].count++;
return acc;
}, {})
.values() // 获取所有 {name, count} 对象
.map(({ name, count }) => `${count}x ${capitalise(name)}`)
.join(", ");
console.log(resultString); // 输出： "2x Banana, 1x Apple, 2x Strawberry"
✅ 核心要点说明：
- toSorted() 不修改原数组，返回新排序数组；若需兼容旧环境（如 Node.js b.id - a.id)；
- acc[id] ??= { name, count: 0 } 利用空值合并运算符确保每个 ID 仅记录首次出现的 name，后续同 ID 项仅累加 count；
- Object.values() 提取聚合后的所有条目，天然保持 toSorted() 的顺序（因 Map/普通对象在现代 JS 中遍历顺序与插入顺序一致，而此处 key 是数字 ID，且我们按降序插入，故 values() 顺序即为降序）；
- 字符串格式统一为 ${count}x ${CapitalisedName}，语义清晰且符合常见电商展示规范。
⚠️ 注意事项：
- 若原始数据中同一 id 对应多个不同 name（如 {id:5,name:"banana"} 与 {id:5,name:"plantain"}），本方案会以第一个出现的 name 为准，确保一致性；如需校验一致性，可在 reduce 中添加断言：if (acc[id] && acc[id].name !== name) throw new Error(ID ${id} has conflicting names);；
- 对于超大数据集（>10⁵ 项），可考虑使用 Map 替代普通对象作为 accumulator（new Map() + map.set(id, {name,count})），避免原型链干扰与潜在整数键转换问题，但对一般业务规模，对象已足够高效。
该方案简洁、健壮且易于扩展——例如添加价格汇总、过滤零数量项或导出为 JSON，只需在 .reduce() 后链式处理即可。
