JS数组对象格式转换：如何将数组对象按toolName合并并重组为指定格式？-html教程-PHP中文网

JS数组对象格式转换：如何将数组对象按toolName合并并重组为指定格式？

霞舞

发布： 2025-02-24 19:46:11

原创

886人浏览过

JS数组对象格式转换：如何将数组对象按toolName合并并重组为指定格式？

javascript数组对象格式转换：实现数据合并与重组

本文介绍如何使用JavaScript将一个数组对象，按照toolName字段进行合并，并将其重组为指定格式。

原始数据格式如下：

<code class="javascript">const payload = [
  {
    toolName: "手机",
    normName: "营销量",
    timeRange: "2021-11",
    value: 145,
  },
  {
    toolName: "手机",
    normName: "营销量",
    timeRange: "2021-12",
    value: 42,
  },
  // ...更多数据
];</code>

登录后复制

目标格式要求：

根据toolName字段对对象进行合并。
将timeRange和value字段合并为数组。

以下JavaScript代码实现了这一转换：

北极象沉浸式AI翻译

免费的北极象沉浸式AI翻译 - 带您走进沉浸式AI的双语对照体验

查看详情

<code class="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);</code>

登录后复制

执行transformData(payload)后，输出结果将符合目标格式：

<code class="javascript">[
  {
    "手机": [
      {
        normName: "营销量",
        timeRange: ["2021-11", "2021-12"],
        value: [145, 42],
      },
      // ...更多数据
    ],
  },
  // ...更多数据
];</code>

登录后复制

此代码首先根据toolName进行分组，然后在每个toolName下，再根据normName进行分组，最后将timeRange和value合并成数组。最终结果是一个数组，每个元素包含一个toolName和一个包含多个normName对象的数组。每个normName对象都包含timeRange和value的数组。

以上就是JS数组对象格式转换：如何将数组对象按toolName合并并重组为指定格式？的详细内容，更多请关注php中文网其它相关文章！