先上效果图
而后端返回的数据结构是这样的:
[
{
payDate:"2020-06-01 23:23:45",
orderCode:'0821591252396397',
profitMoney:853
},
{
payDate:"2020-05-11 12:33:45",
orderCode:'0821591252396359',
profitMoney:874
},
{
payDate:"2020-05-11 23:23:45",
orderCode:'0821591252396345',
profitMoney:334
},
{
payDate:"2020-04-12 08:23:45",
orderCode:'0821591252396323',
profitMoney:323
},
{
payDate:"2020-04-01 12:23:34",
orderCode:'08215912523963945',
profitMoney:123
}
]
重点来了, 怎么转换呢?
this.list = Object.values(data.list.reduce((res, item) => {
item.baseDate = item.payDate.slice(0,7)
res[item.baseDate] ? res[item.baseDate].push(item) : res[item.baseDate] = [item];
return res;
}, {}));
先说明一下, this.list是用来接收处理之后的数组, data.list是从接口拿到的原数组.