美文网首页
js整合-一个数组元素为键名,一个数组元素为多个键值数组

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

作者: 小鱼儿_逆流而上 | 来源:发表于2025-03-05 17:31 被阅读0次
小鱼儿心语:不要把时间浪费在无意义的比较上。每个人都有自己的节奏,你只需专注自己的道路,而不是别人的脚步。
一、效果图
历史告警统计.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
  }
]

相关文章

  • php函数array_combine

    通过合并两个数组来创建一个新数组,其中的一个数组元素为键名,另一个数组元素为键值: 案例: 输出结果:

  • array_count_values()- 计算数组中键值出现的

    array_count_values() 用数组的形式返回数组中元素出现的次数原数组的键值,为返回数组的键名,原数...

  • js笔记

    js数组 删除某个元素 js数组是否含有某个元素 判断value为undefined cookie操作

  • 深度遍历数组

    创建一个函数,接收一数组为参数,如果数组内元素为一个数组,则将其内部的元素取出作为根数组的元素,如果元素为对象进行...

  • PHP数组去重

    PHP数组去重 array_unique: 此函数为数组翻转,也就是将原数组的键值翻转为键名,将原数组的键名翻转为...

  • Js数组常用方法

    //JS数组常用方法及其应用/** * 1.push(): 向数组尾部添加一个或多个元素,并返回添加新元素后的数组...

  • each()-返回数组当前指针指向的元素;

    each() 返回 数组当前内部指针指向的数组元素构成的数组;-返回的数组结构['key' => 元素的键名,'v...

  • map

    js中的map()方法 map定义和方法 map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理的后...

  • 数组和元组的不同

    1. 数组中只有一个元素,type为数组;元组只有一个元素且没有逗号,type为对应元素的类型 2. 数组中的元素...

  • PHP

    数组操作 array_walk() 函数对数组中的每个元素应用用户自定义函数。在函数中,数组的键名和键值是参数。 ...

网友评论

      本文标题:js整合-一个数组元素为键名,一个数组元素为多个键值数组

      本文链接:https://www.haomeiwen.com/subject/dfhlmjtx.html