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

• Z时代
• 2024-02-13
• 分类：IT

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

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

]
pageData[1]:[

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

}
]

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

         分期计数

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

回答：

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
    }
  ]
}

以上是 vue+element ui 如何遍历多维数组 的全部内容， 来源链接： utcz.com/p/935706.html