javascript - 请问如何实现博客那种按时间分类的功能

问题描述

问 题

我现在想实现一个文章按创建时间分类的功能。
比如下面的数据，希望能够根据不同的创建年份来分类。

想要实现成这种效果：

---

类似于想实现下面的效果。

// 原来的数组
[{value: '100', time: '2016'}, {value: '101', time: '2016'}, {value: '102', time: '2015'}]

// 分类后的数组
[
    {
        time: '2016', 
        archives: [{value: '100', time: '2016'}, {value: '101', time: '2016'}]
     },
     {
        time: '2015', 
        archives: [{value: '102', time: '2015'}]
     }
]

求助一下大神们改如何实现呀？想了半天实在想不出什么方法能够分类出来。

解决方案

1. 同学……你好歹说说你的博客是基于什么的吧……

2. 如果光是说下面这种数据处理，就是个简单的数组合并问题嘛

   // 原来的数组
   var arr = [{value: '100', time: '2016'}, {value: '101', time: '2016'}, {value: '102', time: '2015'}];
   //新的数组
   var ans = [];
   
   for(let i = 0; i < arr.length; i++) {
       const time = arr[i].time, flag = true;
       for(let j = 0; j < ans.length; j++) {
           if(time === ans[j].time) {
               ans[j].archives.push(arr[i]);
               flag = false;
               break;
           }
       }
       if(flag) {
           ans.push({
               time: time,
               archives: [arr[i]]
           });
       }
   }

   随便写的，没有测试，差不多就这意思了。

3. 你举的这个数据分类的例子啊，我觉得不太好，这样你看是不是更合适一点：

   // 原来的数组
   [{value: '100', time: '2016'}, {value: '101', time: '2016'}, {value: '102', time: '2015'}]
   
   // 分类后的数组
   {
       "2016":[
           {value: '100', time: '2016'}, {value: '101', time: '2016'}
       ],
       "2015":[
           {value: '102', time: '2015'}
       ]
   }

   如果像这样直接拿时间做键值的话，就能省掉上面中间那个扫描ans数组，寻找当前年份是否存在的过程，直接拿键值push就行了。想要按照数组访问的话，Object.keys(ans)把键值列出来就行了。个人观点，个人观点。到底哪个合适，还是看你最后想要达到什么样的效果。

这篇关于javascript - 请问如何实现博客那种按时间分类的功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！