鍍金池/ 問答/HTML/ 后臺返回的數(shù)據(jù)JS根據(jù)日期分組,怎么處理?

后臺返回的數(shù)據(jù)JS根據(jù)日期分組,怎么處理?

比如有數(shù)據(jù):
[
{time:'2017-12-07',title:'現(xiàn)在天氣冷了'},
{time:'2017-12-07',title:'什么時候變熱'},
{time:'2017-12-08',title:'什么時候過年'},
{time:'2017-12-08',title:'春節(jié)放假怎么安排'},
]
然后想要的效果是

clipboard.png

回答
編輯回答
陌離殤

Lodash.groupBy

2017年10月28日 09:20
編輯回答
網(wǎng)妓

您好,參考鏈接:https://segmentfault.com/q/10...

問題一模一樣,希望對您有所幫助!

2017年5月29日 09:50
編輯回答
情皺

日期當(dāng)作key,值是一個數(shù)組,判斷存不存在這個key,不存在就創(chuàng)建,存在就值push進數(shù)組里。

2017年3月2日 05:24
編輯回答
故林
var arr = [
  {time:'2017-12-07',title:'現(xiàn)在天氣冷了'},
  {time:'2017-12-07',title:'什么時候變熱'},
  {time:'2017-12-08',title:'什么時候過年'},
  {time:'2017-12-08',title:'春節(jié)放假怎么安排'},
]
var json = {}
arr.forEach(function(v){
    if(json[v.time]){
        json[v.time].push(v.title);
    }else{
        json[v.time] = [v.title];
    }
})
console.log(json)//{"2017-12-07":["現(xiàn)在天氣冷了","什么時候變熱"],"2017-12-08":["什么時候過年","春節(jié)放假怎么安排"]}

我只是寫一個大概
就是個雙層循環(huán)

var str = "";
for(var key in json){
   str+=`<h1>${key}</h1>`;
   str+=`<div>`;
   for(var i=0;i<json[key].length;i++){
       str+=`<p>${json[key][i]}</p>`
   }
   str+=`</div>`;
}
console.log(str)
/*
<h1>2017-12-07</h1>
<div>
    <p>現(xiàn)在天氣冷了</p>
    <p>什么時候變熱</p>
</div>
<h1>2017-12-08</h1>
<div>
    <p>什么時候過年</p>
    <p>春節(jié)放假怎么安排</p>
</div>
*/
2018年2月10日 03:42