news 2026/8/8 21:57:42

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/8/9 8:20:41

AutoGPT与Apache Superset集成:企业级仪表盘自动化

AutoGPT与Apache Superset集成:企业级仪表盘自动化 在当今数据驱动的企业环境中,高管们常常面临一个尴尬的现实:他们提出“为什么上季度销售额下降了?”这样的问题后,仍需等待数小时甚至数天才能看到一份初步分析报告。…

作者头像 李华
网站建设 2026/8/9 18:47:30

ROS2核心概念之通信接口

的概念在各个领域随处可见,无论是硬件结构还是软件开发,都有广泛的应用。 1.1.1 硬件接口 比如生活中最为常见的插头和插座,两者必须匹配才能使用,电脑和手机上的USB接口也是,什么Micro-USB、TypeC等等,都…

作者头像 李华
网站建设 2026/8/9 1:43:21

远程调用gemini 3 pro api的完整教程(实战篇)

第一步:白嫖gemini 3 pro白嫖gemini 3 pro方法-CSDN博客 第二步:官网gemini3 pro创建密钥 官网链接:Google AI Studio 第三步:创建一个ai项目 python创建一个环境(这里我用的是conda) conda create -n…

作者头像 李华
网站建设 2026/8/9 16:09:58

[Windows] OpenSpeedy 绿色版(游戏进程变速工具)

获取地址:游戏变速工具 OpenSpeedy绿色版 一款轻量、免费、开源的进程速度修改工具。通过Hook技术,可对特定游戏或应用程序的运行速度进行全局加速或减速,适用于跳过游戏等待动画、加速重复刷图过程等单机游戏场景。绿色版免安装&#xff0c…

作者头像 李华