問(wèn)題描述

$scope.data=[ {'time':'2017/06/23','money':'3000','type':'RMB'}, {'time':'2017/06/24','money':'4000','type':'RMB'}, {'time':'2017/07/23','money':'3000','type':'RMB'}, {'time':'2017/07/24','money':'4000','type':'RMB'}, {'time':'2017/07/25','money':'5000','type':'RMB'} ];

請(qǐng)求到的數(shù)據(jù)類(lèi)似這樣，要根據(jù)time字段的時(shí)間，根據(jù)月份顯示數(shù)據(jù)，怎樣把六月和七月的數(shù)據(jù)過(guò)濾開(kāi)比如渲染到頁(yè)面要這樣顯示 ：6月23號(hào) 金額：3000 類(lèi)別：人民幣24號(hào) 金額：4000 類(lèi)別：人民幣7月23號(hào) 金額：3000 類(lèi)別：人民幣24號(hào) 金額：4000 類(lèi)別：人民幣25號(hào) 金額：5000 類(lèi)別：人民幣

問(wèn)題解答

最終把數(shù)據(jù)格式轉(zhuǎn)換成：

newData = [ {time: ’2017/06’,items: [ { time: ’2017/06/23’, money: ’3000’, type: ’RMB’}, { time: ’2017/06/24’, money: ’4000’, type: ’RMB’},] }, {time: ’2017/07’,items: [ { time: ’2017/07/23’, money: ’3000’, type: ’RMB’}, { time: ’2017/07/24’, money: ’4000’, type: ’RMB’},] }, ];

然后使用兩個(gè)ng-repeat渲染。

至于思路的話：

先轉(zhuǎn)換成一個(gè)對(duì)象：

obj = {

’2016/06’: [ { time: ’2017/06/23’, money: ’3000’, type: ’RMB’}, { time: ’2017/06/24’, money: ’4000’, type: ’RMB’},],’2016/07’: [ { time: ’2017/07/23’, money: ’3000’, type: ’RMB’}, { time: ’2017/07/24’, money: ’4000’, type: ’RMB’},]

}

然后遍歷對(duì)象，轉(zhuǎn)換成數(shù)組。

const data = [ { time: ’2016/06/23’, money: ’1000’, type: ’RMB’ }, { time: ’2016/06/24’, money: ’1200’, type: ’RMB’ }, { time: ’2016/07/12’, money: ’1200’, type: ’RMB’ }, { time: ’2016/07/15’, money: ’1200’, type: ’RMB’ }, ]; const obj = _.groupBy(data, item => item.time.substr(0, 7)); // 我這里使用了lodash，自行遍歷數(shù)組也是一樣的 const newData = Object.keys(obj).map(time => ({ time, items: obj[time] })); console.log(newData, 2);回答2：

雖然可以利用數(shù)組過(guò)濾匹配等對(duì)time進(jìn)行拆分成你想要的格式，但是考慮到效率問(wèn)題，我建議這些在服務(wù)端進(jìn)行處理，返回你想要的數(shù)據(jù)格式，實(shí)在沒(méi)辦法的話再考慮數(shù)據(jù)分類(lèi)處理