js整合-一个数组元素为键名,一个数组元素为多个键值数组

小鱼儿心语:不要把时间浪费在无意义的比较上。每个人都有自己的节奏,你只需专注自己的道路,而不是别人的脚步。
一、效果图
历史告警统计.png
二、数据返回的格式
res.data.data = [
            {
              series: [
                {
                  name: "healthy_alarm_history",
                  tags: null,
                  columns: [
                    "time",
                    "job_number",
                    "employee_name",
                    "level",
                    "description",
                    "project",
                    "generation_time",
                    "relieve_time"
                  ],
                  values: [
                    [
                      "2025-02-27T02:40:03.406Z",
                      "11111",
                      "张文光",
                      "1",
                      "血氧低(轻度)",
                      "BO",
                      1.740622388951e12,
                      1.740624003111e12
                    ],
                    [
                      "2025-02-27T02:40:03.406Z",
                      "11122",
                      "张文光11",
                      "1",
                      "血氧低(轻度)",
                      "BO",
                      1.740622388951e12,
                      1.740624003111e12
                    ]
                  ]
                }
              ],
              error: null
            }
          ];
三、数据整合
            this.tableData1 = [];
            var columns = res.data.data[0].series[0].columns;
            var values = res.data.data[0].series[0].values;
            if (values && values.length > 0) {
              this.tableData1 = values.map(row => {
                return {
                  time: row[columns.indexOf("time")],
                  job_number: row[columns.indexOf("job_number")],
                  employee_name: row[columns.indexOf("employee_name")],
                  level: row[columns.indexOf("level")],
                  description: row[columns.indexOf("description")],
                  project: row[columns.indexOf("project")],
                  generation_time: row[columns.indexOf("generation_time")],
                  relieve_time: row[columns.indexOf("relieve_time")]
                };
              });
            }
四、数据输出
this.tableData1 = [
  {
      time: "2025-02-27T02:40:03.406Z",
      job_number: "11111",
      employee_name: "张文光",
      level: "1",
      description: "血氧低(轻度)",
      project: "BO",
      generation_time: 1.740622388951e12,
      relieve_time: 1.740624003111e12
  },
  {
      time: "2025-02-27T02:40:03.406Z",
      job_number: "11122",
      employee_name: "张文光11",
      level: "1",
      description: "血氧低(轻度)",
      project: "BO",
      generation_time: 1.740622388951e12,
      relieve_time: 1.740624003111e12
  }
]
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容