javascript数组对象格式转换：实现数据合并与重组
本文介绍如何使用JavaScript将一个数组对象，按照toolName字段进行合并，并将其重组为指定格式。
原始数据格式如下：
const payload = [ { toolName: "手机", normName: "营销量", timeRange: "2021-11", value: 145, }, { toolName: "手机", normName: "营销量", timeRange: "2021-12", value: 42, }, // ...更多数据];
目标格式要求：
根据toolName字段对对象进行合并。将timeRange和value字段合并为数组。
以下JavaScript代码实现了这一转换：
function transformData(data) { const groupedData = data.reduce((result, item) => { const { toolName, normName, timeRange, value } = item; result[toolName] = result[toolName] || {}; result[toolName][normName] = result[toolName][normName] || { timeRange: [], value: [], normName }; result[toolName][normName].timeRange.push(timeRange); result[toolName][normName].value.push(value); return result; }, {}); return Object.entries(groupedData).map(([toolName, normData]) => ({ [toolName]: Object.values(normData) }));}const result = transformData(payload);console.log(result);
执行transformData(payload)后，输出结果将符合目标格式：
[ { "手机": [ { normName: "营销量", timeRange: ["2021-11", "2021-12"], value: [145, 42], }, // ...更多数据 ], }, // ...更多数据];
此代码首先根据toolName进行分组，然后在每个toolName下，再根据normName进行分组，最后将timeRange和value合并成数组。 最终结果是一个数组，每个元素包含一个toolName和一个包含多个normName对象的数组。 每个normName对象都包含timeRange和value的数组。
以上就是JS数组对象格式转换：如何将数组对象按toolName合并并重组为指定格式？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1561467.html
微信扫一扫 
支付宝扫一扫 
