来自JavaScript JQuery Vue.js3个回答
账单列表如何将年份月份一样的排在一起
已采纳回答
用数组原生reduce方法多值化一，结合对象属性分组，正则提取年月即可实现，代码如下// 按属性对object分组
function groupBy(objectArray,property) {
return objectArray.reduce(function(acc,obj){
var key = obj[property]
// 年月分组
if(property == 'tradeTime'){
key = key.replace(/(\d{4})\-(\d{2})-\d{1,2}/, '$1$2')
}
if(!acc[key]){
acc[key] = []
}
acc[key].push(obj)
return acc
}, {})
}
// objectArray 为你后台传过来的有序对象数组
var grouped = groupBy(objectArray,'tradeTime')
console.log(grouped){ '201904':
[ { amount: 5000, goodsInfo: '翡翠城租金', tradeTime: '2019-04-20' },
{ amount: 1200, goodsInfo: '五联西苑租金', tradeTime: '2019-04-25' },
{ amount: 200, goodsInfo: '爱与家宾馆', tradeTime: '2019-04-30' } ],
'201905':
[ { amount: 3800, goodsInfo: '丁香花园', tradeTime: '2019-05-20' },
{ amount: 2500, goodsInfo: '滨兴小区', tradeTime: '2019-05-28' } ],
'201906':
[ { amount: 2800, goodsInfo: '滨苑小区', tradeTime: '2019-06-08' } ]
}