数据分组，js将对象数组数据按照某属性分组

最新推荐文章于 2023-02-11 14:37:30 发布

前端小白的逆袭

最新推荐文章于 2023-02-11 14:37:30 发布

阅读量1.1k

点赞数 2

分类专栏： Web前端文章标签：前端

本文链接：https://blog.csdn.net/Kindergarten_Sir/article/details/108589224

版权

Web前端专栏收录该内容

140 篇文章 8 订阅

订阅专栏

在开发过程中，接口对接不好的情况下数据结构与所需不符合是非常容易出现的问题，数据分组也是常有的事。

// 原数组

const data: any = [
  { CreateTime: "2019-09-11 09:47:43", ItemID: 1442, Operator1Code: "sa", Operator2Code: "0838", Opertor1: "1", Opertor2: "1236", PlanID: "4417", PlanName: "模拟开关柜1-3送电", SwitchName: "模拟开关柜1#" },
  { CreateTime: "2019-09-11 09:47:43", ItemID: 1443, Operator1Code: "sa", Operator2Code: "0838", Opertor1: "1", Opertor2: "1236", PlanID: "4417", PlanName: "模拟开关柜1-3送电", SwitchName: "模拟开关柜2#", },
  { CreateTime: "2019-09-11 09:47:43", ItemID: 1444, Operator1Code: "sa", Operator2Code: "0838", Opertor1: "1", Opertor2: "1236", PlanID: "4417", PlanName: "模拟开关柜1-3送电", SwitchName: "模拟开关柜2#", }
]

// 目标数组

const cluster: any = [{
  dataID: '4417',
  dataItem[
    { CreateTime: "2019-09-11 09:47:43", ItemID: 1442, Operator1Code: "sa", Operator2Code: "0838", Opertor1: "1", Opertor2: "1236", PlanID: "4417", PlanName: "模拟开关柜1-3送电", SwitchName: "模拟开关柜1#" },
    { CreateTime: "2019-09-11 09:47:43", ItemID: 1443, Operator1Code: "sa", Operator2Code: "0838", Opertor1: "1", Opertor2: "1236", PlanID: "4417", PlanName: "模拟开关柜1-3送电", SwitchName: "模拟开关柜2#", },
    { CreateTime: "2019-09-11 09:47:43", ItemID: 1444, Operator1Code: "sa", Operator2Code: "0838", Opertor1: "1", Opertor2: "1236", PlanID: "4417", PlanName: "模拟开关柜1-3送电", SwitchName: "模拟开关柜2#", }
  ]
}]

方法：

 function dataCluster(data: any): any {   //  数据分组

    const clusterItem: object = {};

    const cluster: [] = [];

    data.forEach(element => {

      if (!clusterItem[element.PlanID]) {

        cluster.push({

          dataID: element.PlanID,

          dataItem: [element]

        } as never);

        clusterItem[element.PlanID] = element;

      } else {

        cluster.forEach(ele => {

          if ((ele as any).dataID === element.PlanID) {

            (ele as any).dataItem.push(element);

          }

        });

      }

    });

    return cluster;

  }

//结果输出

 console.log(dataCluster(data));