javascript - 请问如何实现博客那种按时间分类的功能
PHP中文网
PHP中文网 2017-04-11 12:54:53
[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'}]
     }
]

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

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(3)
怪我咯
  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)把键值列出来就行了。个人观点,个人观点。到底哪个合适,还是看你最后想要达到什么样的效果。

大家讲道理
var arr = [{value: '100', time: '2016'}, {value: '101', time: '2016'}, {value: '102', time: '2015'}]
var obj = {};
for(var i in arr){
    if(!obj.hasOwnProperty(arr[i]['time']))obj[arr[i]['time']] = [];
    obj[arr[i]['time']].push(arr[i])
}
var keyArr = Object.keys(obj).sort();
var result = [];
for(var i in keyArr){
    result.push({
        time: keyArr[i],
        archives: obj[keyArr[i]]
    })
}

应该还有优化的余地,自己想吧...

黄舟

用你原来的数组分组了,你只要返回的json排好序就行了

<script>
// 原来的数组
var arr=[{value: '100', time: '2016'}, {value: '101', time: '2016'}, {value: '102', time: '2015'}];
  for(var i = 0; i < arr.length; i++) {
    if(i == 0) {
        console.log(arr[i].time)
        console.log(arr[i].time+"    "+arr[i].value)
       } else if(arr[i].time != arr[i - 1].time) {
        console.log(arr[i].time)
        console.log(arr[i].time+"    "+arr[i].value)
    }else{
        console.log(arr[i].time+"    "+arr[i].value)
    } 
}
</script>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号