放一下效果图实现代码//重新封装成二维数组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 后台返回的一维数组怎样变成二维数组


基础教程推荐
猜你喜欢
- 关于ajax异步访问数据的问题 2023-02-23
- Unicode中的常用字母小结 2022-09-21
- JavaScript垃圾回收机制(引用计数,标记清除,性能优 2022-08-31
- 在IE中为abbr标签加样式 2022-10-16
- ajax实现数据分页查询 2023-01-31
- 原生ajax瀑布流demo分享(必看篇) 2023-02-01
- AJax 把拿到的后台数据在页面中渲染的实例 2023-02-22
- Ajax提交表单并接收json实例代码 2023-02-13
- 纯javascript的ajax实现php异步提交表单的简单实例 2022-12-28
- 解决:layUI数据表格+简单查询 2022-12-16