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的数组。
