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

放一下效果图

实现代码

 //重新封装成二维数组
    var list = res.data.records //获取后台数据 这个不多赘述
    let groups = []
    let Data = []
    list.map((v, i) => {//遍历后台返回的一维数组
      groups.push({//提取所需字段重新封装成groups数组
        name: v.name,
      })
      Data.push({//提取所需字段重新封装成Data数组
        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'].push(Data[j])  //把Data数组里的下标数据对应放到groups下标对应的tableData数组里 如：groups[0]['tableData'] = Data[0]，groups[1]['tableData'] = Data[1]
    }
    console.log('list', list)
    console.log('arr', groups)