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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue 后台返回的一维数组怎样变成二维数组，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含745字，纯文字阅读大概需要2分钟。

内容图文

放一下效果图

实现代码

 //重新封装成二维数组
    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 后台返回的一维数组怎样变成二维数组全部内容，希望文章能够帮你解决vue 后台返回的一维数组怎样变成二维数组所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---