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
发表评论