沃梦达 / IT编程 / 前端开发 / 正文

vue 后台返回的一维数组怎样变成二维数组

放一下效果图实现代码//重新封装成二维数组var list = res.data.records //获取后台数据 这个不多赘述let groups = []let Data = []list.map((v, i) = {//遍历后台返回的一维数组groups.push({//提取所需字段重新封...

放一下效果图

实现代码

 //重新封装成二维数组
    var list = res.data.records //获取后台数据 这个不多赘述
    let groups = []
    let Data = []
    list.map((v, i) => {//遍历后台返回的一维数组
      groups.push({//提取所需字段重新封装成数组
        name: v.name,
      })
      Data.push({//提取所需字段重新封装成tableData数组
        deliveryChargeMode: v.deliveryChargeMode,
        id: v.id,
      })
    })
    for (let i = 0; i < groups.length; i++) {//遍历groups
      groups[i]['tableData'] = new Array() //在groups数组里每个对象都追加一个名为tableData的空数组
    }
    for (let j = 0; j < Data.length; j++) {//遍历Data数组
      groups[j]['tableData'] = Data[j]  //把Data数组里的下标数据对应放到groups下标对应的tableData数组里 如:groups[0]['tableData'] = Data[0],groups[1]['tableData'] = Data[1]
    }
    console.log('list', list)
    console.log('arr', groups)

本文标题为:vue 后台返回的一维数组怎样变成二维数组