news 2026/7/17 1:02:11

JavaScript 根据数组对象的某个 指定属性 分组合并,并累加金额

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
JavaScript 根据数组对象的某个 指定属性 分组合并,并累加金额
/** * 数组对象按指定属性分组,合并金额 * @param {Array} arr - 原始数组(元素为对象) * @param {string} groupKey - 分组依据的属性名(如 'type'、'id') * @param {string} moneyKey - 需合并的金额属性名(如 'money'、'amount') * @returns {Array} 合并后的数组 */functionmergeObjectsByKey(arr,groupKey,moneyKey){// 用 Map 分组(比普通对象更安全,支持任意类型键)constresultMap=newMap();arr.forEach(item=>{// 1. 获取当前 item 的分组键值(如 item.type = 'A')constkey=item[groupKey];// 2. 确保金额为数字(兼容字符串格式的金额,如 '100' → 100)constcurrentMoney=Number(item[moneyKey])||0;// 3. 检查 Map 中是否已存在该分组if(resultMap.has(key)){// 存在:累加金额constexistingItem=resultMap.get(key);existingItem[moneyKey]+=currentMoney;}else{// 不存在:创建新分组对象(深拷贝避免修改原数据)constnewItem={...item};// 复制原对象所有属性newItem[moneyKey]=currentMoney;// 初始化金额(确保为数字)resultMap.set(key,newItem);}});// 4. 将 Map 的值转为数组返回returnArray.from(resultMap.values());}

场景:按 type 分组,合并 money 金额

// 原始数组constoriginalArr=[{id:1,type:'水果',name:'苹果',money:10},{id:2,type:'蔬菜',name:'白菜',money:5},{id:3,type:'水果',name:'香蕉',money:15},// 同 type='水果'{id:4,type:'肉类',name:'猪肉',money:30},{id:5,type:'蔬菜',name:'萝卜',money:'8'},// 金额为字符串格式];// 调用函数:按 type 分组,合并 moneyconstmergedArr=mergeObjectsByKey(originalArr,'type','money');console.log(mergedArr);

输出结果(按 type 分组,金额累加):

[{id:1,type:'水果',name:'苹果',money:25},// 10 + 15 = 25{id:2,type:'蔬菜',name:'白菜',money:13},// 5 + 8 = 13(字符串自动转数字){id:4,type:'肉类',name:'猪肉',money:30}]

关键说明
分组逻辑:用 Map 存储分组,键为 groupKey 的值(如 ‘水果’),值为合并后的对象。Map 比普通对象更安全(避免键名冲突,支持数字 / 对象等类型的键)。
金额兼容:通过 Number(item[moneyKey]) || 0 处理:
数字金额(如 10)直接使用;
字符串金额(如 ‘8’)自动转为数字;
缺失金额或非数字(如 undefined、‘abc’)视为 0。
属性保留:用 { …item } 浅拷贝原对象的所有属性(如 id、name),合并时仅更新金额,其他属性保留第一个分组对象的值(若需保留所有属性,可修改为数组存储,如 name: [‘苹果’, ‘香蕉’])。
扩展需求:保留分组内所有非金额属性
如果需要保留同组所有对象的非金额属性(如合并 name 为数组),可修改函数:

functionmergeObjectsWithAllProps(arr,groupKey,moneyKey){constresultMap=newMap();arr.forEach(item=>{constkey=item[groupKey];constcurrentMoney=Number(item[moneyKey])||0;if(resultMap.has(key)){constexisting=resultMap.get(key);existing[moneyKey]+=currentMoney;// 非金额属性转为数组(去重)Object.keys(item).forEach(prop=>{if(prop!==groupKey&&prop!==moneyKey){if(!existing[prop].includes(item[prop])){existing[prop].push(item[prop]);}}});}else{constnewItem={[moneyKey]:currentMoney};// 分组键保留原值,其他属性转为数组Object.keys(item).forEach(prop=>{newItem[prop]=prop===groupKey?item[prop]:[item[prop]];});resultMap.set(key,newItem);}});returnArray.from(resultMap.values());}

扩展示例输出:

[{type:'水果',id:[1,3],name:['苹果','香蕉'],money:25},// ... 其他分组]``` 边界情况处理 原始数组为空:返回空数组; 部分对象缺失 groupKey:按undefined分组; 金额为0或负数:正常累加(符合业务逻辑); 分组键为复杂类型(如对象):Map 可直接支持(普通对象会转为字符串[object Object],不推荐用对象作为分组键)。
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/17 17:27:16

通过SEO推广LobeChat博客内容,带动大模型Token购买转化

通过SEO推广LobeChat博客内容,带动大模型Token购买转化 在生成式AI席卷全球的今天,一个开发者想搭建自己的AI助手,已经不再需要从零开始训练模型。真正决定体验优劣的,反而是那个“看不见”的前端界面——它决定了用户是否愿意留下…

作者头像 李华
网站建设 2026/7/17 6:21:29

【Svelte】重定向页面

In SvelteKit’s page.ts file, you can redirect by throwing a redirect error from the sveltejs/kit module within your load function. Here’s how to do it: // src/routes/page.ts import { redirect } from sveltejs/kit; import type { PageLoad } from ./$types; /…

作者头像 李华
网站建设 2026/7/17 12:08:07

基于SpringBoot的日用品仓储管理系统的设计与实现

基于SpringBoot的日用品仓储管理系统的设计与实现 第一章 系统开发背景与现实意义 日用品行业品类繁杂、SKU数量庞大,传统仓储管理模式面临诸多痛点:人工记录商品出入库易出现数据偏差,导致账实不符;库存盘点依赖纸质台账或简单表…

作者头像 李华
网站建设 2026/7/16 21:25:49

基于SpringBoot的校园论坛交流系统

基于SpringBoot的校园论坛交流系统设计与实现 第一章 系统开发背景与现实意义 当前校园内师生间、同学间的交流存在诸多痛点:校园通知分散在多个渠道,信息传递滞后且易遗漏;不同专业、年级的学生缺乏集中的知识分享平台,学习资料难…

作者头像 李华
网站建设 2026/7/16 21:27:03

AutoGPT如何处理模糊目标?自然语言理解边界探讨

AutoGPT如何处理模糊目标?自然语言理解边界探讨 在今天的工作场景中,我们越来越习惯对AI说“帮我写个报告”或“整理一下这个项目的学习资料”,而不是一条条地下达“搜索Python教程”“列出五家竞品公司”这样的具体指令。这种从精确命令到高…

作者头像 李华
网站建设 2026/7/17 7:19:37

清华镜像站推荐:Miniconda下载提速80%的秘密武器

清华镜像站推荐:Miniconda下载提速80%的秘密武器 在人工智能项目开发中,你是否经历过这样的场景?刚拿到一台新服务器,兴致勃勃地准备搭建深度学习环境,结果执行 conda install pytorch 后,进度条卡在“Sol…

作者头像 李华