news 2026/4/18 14:03:28

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/4/18 7:56:55

AutoGPT支持GraphQL查询语法了吗?接口兼容性验证

AutoGPT支持GraphQL查询语法了吗?接口兼容性验证 在企业级应用日益智能化的今天,一个关键问题浮现出来:我们能否让AI代理直接与现代API架构无缝协作?比如,当业务系统广泛采用GraphQL作为微服务通信标准时,像…

作者头像 李华
网站建设 2026/4/18 8:02:50

Navicat 技术指引 | 面向达梦的查询解释

近期,Navicat 宣布正式支持国产达梦数据库。Navicat 旗下全能工具 Navicat Premium 支持达梦用户的全方位管理开发需求,而轻量化免费的 则满足小型和独立开发者的基础需求。 Navicat Premium 自版本 17.3 开始支持达梦 DM8 或以上版本。它支持的系统有…

作者头像 李华
网站建设 2026/4/18 8:05:48

基于SpringBoot的乡村支教管理系统

基于SpringBoot的乡村支教管理系统设计与实现 第一章 系统开发背景与现实意义 当前乡村支教面临资源分散、对接低效、管理不规范等突出问题:支教需求(师资、物资)与志愿者资源信息不对称,匹配精准度低;支教过程缺乏系统…

作者头像 李华
网站建设 2026/4/18 5:42:44

27、树莓派入侵检测系统自动化邮件通知方案

树莓派入侵检测系统自动化邮件通知方案 1. 配置文件与警报系统测试 在树莓派的使用中, .muttrc 文件是一个重要的配置文件,它由 mutt 用于在启动时自动加载重要配置选项。许多应用程序会使用以 .rc 结尾的隐藏文件来存储配置,若想了解某个应用如何存储特定配置选项,…

作者头像 李华
网站建设 2026/4/18 7:54:13

python3构建通用项目脚手架:一个脚本解决跨平台目录创建难题tree.py

背景:某些框架的“脚手架缺失” 可能对于很多人来说不是难题,对于我来说 ,用习惯了django springboot3 等 遇到fastAPI这种 有工具的 也可以 通过一些标准库 不过总有一些时候 有一些比较轻量的框架没有脚手架pip install fastapi-scaff…

作者头像 李华
网站建设 2026/4/18 7:05:21

Node.js工具安装VUE3开发以及创建VUE工程项目实战

本地还没有安装 Node.js, 1️⃣ 下载 Node.js 打开官网:https://nodejs.org/ 点击 LTS(长期支持版) 下载 Windows 安装包(.msi 文件) LTS 比较稳定,推荐用来做项目开发 2️⃣ 安装 Node.js 双…

作者头像 李华