javascript数组对象格式转换:从扁平结构到嵌套结构
本文介绍如何将JavaScript数组对象从 {toolName, normName, timeRange, value} 格式转换为 {toolName: [{normName, timeRange[], value[]}]} 格式。
原始数据结构:
[ { toolName: "手机", normName: "营销量", timeRange: "2021-11", value: 145 }, // ...更多数据 ]
目标数据结构:
[ { "手机":[ { normName: "营销量", timeRange: ["2021-11", '2021-12'], //举例,实际时间范围根据数据而定 value: [145, 42] //举例,实际值根据数据而定 }, // ...更多数据 ] }, // ...更多数据 ]
解决方案:
以下代码使用reduce函数和Object.entries方法实现转换:
function transformData(data) { // 使用reduce函数将数据按照toolName分组 const groupedData = data.reduce((result, item) => { (result[item.toolName] = result[item.toolName] || []).push(item); return result; }, {}); // 使用Object.entries将分组后的数据转换为数组,并进行进一步转换 return Object.entries(groupedData).map(([toolName, items]) => ({ [toolName]: items.reduce((toolResult, item) => { const normNameIndex = toolResult.findIndex(i => i.normName === item.normName); if (normNameIndex === -1) { toolResult.push({ normName: item.normName, timeRange: [item.timeRange], value: [item.value] }); } else { toolResult[normNameIndex].timeRange.push(item.timeRange); toolResult[normNameIndex].value.push(item.value); } return toolResult; }, []) })); } // 示例数据 const originalData = [ {toolName: "手机", normName: "营销量", timeRange: "2021-11", value: 145}, {toolName: "手机", normName: "营销量", timeRange: "2021-12", value: 42}, {toolName: "电脑", normName: "销售额", timeRange: "2021-11", value: 1000}, {toolName: "电脑", normName: "销售额", timeRange: "2021-12", value: 1200} ]; // 转换数据 const transformedData = transformData(originalData); console.log(transformedData);
代码说明:
第一个reduce函数: 根据toolName将原始数据分组到一个对象中,其中键是toolName,值是具有相同toolName的项的数组。
Object.entries: 将分组后的对象转换为键值对数组。
第二个reduce函数: 遍历每个toolName的项数组,根据normName进一步分组。如果normName已经存在,则将timeRange和value添加到相应的数组中;如果不存在,则创建一个新的对象并添加到结果数组中。
这个改进后的代码更清晰地处理了多个相同normName的情况,避免了原代码中可能出现的错误。 它确保了timeRange和value正确地添加到各自的数组中。
这个方法有效地将扁平的数组对象转换为嵌套结构,方便后续数据处理和展示。 请确保你的输入数据符合预期格式,否则可能需要进行预处理。
以上就是如何将JS数组对象格式从{toolName, normName, timeRange, value}转换为{toolName: [{normName, timeRange[], value[]}]}?的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号