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合并并重组为指定格式?的详细内容,更多请关注知识资源分享宝库其它相关文章!
版权声明
本站内容来源于互联网搬运,
仅限用于小范围内传播学习,请在下载后24小时内删除,
如果有侵权内容、不妥之处,请第一时间联系我们删除。敬请谅解!
E-mail:dpw1001@163.com
发表评论