javascript数组对象格式转换:实现数据合并与重组
本文介绍如何使用JavaScript将一个数组对象,按照toolName字段进行合并,并将其重组为指定格式。
原始数据格式如下:
const payload = [ { toolName: "手机", normName: "营销量", timeRange: "2021-11", value: 145, }, { toolName: "手机", normName: "营销量", timeRange: "2021-12", value: 42, }, // ...更多数据 ];
目标格式要求:
以下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合并并重组为指定格式?的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号