美文网首页
按时间对数组排序(逆序)比较

按时间对数组排序(逆序)比较

作者: Smile_smile_ | 来源:发表于2019-03-30 20:35 被阅读0次

    对单个key的数组排序较简单,通常sort()方法就可解决,而对于obj中有多个key的array,总结了以下几种方式:

    原数组

    var timeArr=[

        {time:'',content:'000(time为空,最小)'},

        {time:'2019/05/11 10:02',content:'7'},

        {time:'2018/03/11 10:42',content:'2'},

        {time:'2017/03/11 08:42',content:'1'},

        {time:'2019/05/11 10:02',content:'6'},

        {content:'abcd(无time字段,未参与排序)'},

        {time:'2019/03/11 13:49',content:'4'},

        {time:'2019/05/11 10:02',content:'5'},

        {time:'2019/03/11 11:00',content:'3'}

    ];

    1冒泡排序

    function timeSort(theTimeArr) {

        var maxLen = theTimeArr.length;

        for(var i=0;i<maxLen;i++){

            for(var j=0;j<maxLen-i-1;j++){

                if(theTimeArr[j].time<theTimeArr[j+1].time){

                    var tmplObj =  theTimeArr[j];

                    theTimeArr[j]= theTimeArr[j+1];

                    theTimeArr[j+1] = tmplObj;

                }

            }

        }

    return theTimeArr;

    }

    优点:直接准确,对无time字段的obj不参与排序,不影响结果; 问题:2次遍历,复杂度为O(n^2),效率低;

    2jQuery的sort()方法

    var tmplArr=[];

    $.each(timeArr,function(index, el) {

        var tmplTime = el.time+':'+el.id;

    tmplArr.push(tmplTime);

    });

    tmplArr.sort().reverse();

    var endTimeArr = new Array(timeArr.length);

    for(var i=0;i<timeArr.length;i++){

        var tmpTime = timeArr[i].time + ":"+ timeArr[i].id;

        var endTimeInd = tmplArr.indexOf(tmpTime);

        endTimeArr[endTimeInd] = timeArr[i];

    }

    直接使用jQuery的方法快速排序,对无time字段的obj,tmplArr会漏掉,最终排序结果会丢失数据;将time拼接id是为了解决重复问题(时间重复时,endTimeInd会相同,最终endTimeArr会存在空数据),总体效率比冒泡排序高。

    3 lodashjs的_.sortBy()方法

    var endTimeArr2 = _.sortBy(timeArr,'time').reverse();

    //或 var endTimeArr2 =_.reverse( _.sortBy(timeArr,'time'));

    使用lodashjs工具自带的sortBy()方法,逻辑简单,效率相对也高,逆序可以与jQuery的reverse()方法结合,也可以用自带的_.reverse(arr)方法;

    lodashjs相关学习在plugins文集中说明,附上学习链接lodashjs

    相关文章

      网友评论

          本文标题:按时间对数组排序(逆序)比较

          本文链接:https://www.haomeiwen.com/subject/plosbqtx.html