vue+element ui 如何遍历多维数组

Question

从后端接口返回的数据格式如下
pageData[0]:[

list[0]:{
   count:0，
   date:0314
}
list[1]:{
   count:2,
   date:0415
}

]
pageData[1]:[

list[0]:{
    count:6,
    date:0601

}
]

想要显示成 （下面这三列还是嵌套在一个大列分期计数里的）

         分期计数

0314	0415	0601
9	2	空
空	空	6

孩子试了好多方法了 每次都是把0314的9把整列都渲染了 没有空的地方 谁来救救孩子把

Answer 1

var pageData=[{list:[{
   count:0,
   date:'0314'
},{
   count:2,
   date:'0415'
}]},{list:[{
    count:6,
    date:'0601'
}]}]

var res = pageData.reduce((acc,cur,idx,arr)=>(cur.list.forEach((item,row)=>(acc.col=[...new Set(acc.col.concat(item.date))],Object.assign(acc.list[row] ||={},{[item.date]:item.count}))),acc),{col:[],list:[]});

结果

{
  "col": [
    "0314",
    "0415",
    "0601"
  ],
  "list": [
    {
      "0314": 0,
      "0601": 6
    },
    {
      "0415": 2
    }
  ]
}