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

2019-03-30  本文已影响0人  Smile_smile_

对单个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

上一篇下一篇

猜你喜欢

热点阅读