Welcome 微信登录

首页 / 脚本样式 / JavaScript / js对象数组按属性快速排序

按所推荐的程序在IE下跑了下,的确,排序耗时很小。
复制代码 代码如下:
<script>
/*
* 洗牌
*/
function getRandomPlayCard(m){
var array1=new Array(m);
for(var i=0;i<m;i++){
var rnd=Math.floor(Math.random()*(i+0.99999))
array1[i]=array1[rnd];
array1[rnd]=i;
}
return array1;
};
/*
* 快速排序,按某个属性,或按“获取排序依据的函数”,来排序.
* @method soryBy
* @static
* @param {array} arr 待处理数组
* @param {string|function} prop 排序依据属性,获取
* @param {boolean} desc 降序
* @return {array} 返回排序后的新数组
*/
var sortBy =function (arr, prop, desc){
var props=[],
ret=[],
i=0,
len=arr.length;
if(typeof prop=="string") {
for(; i<len; i++){
var oI = arr[i];
(props[i] = new String(oI && oI[prop] || ""))._obj = oI;
}
}
else if(typeof prop=="function") {
for(; i<len; i++){
var oI = arr[i];
(props[i] = new String(oI && prop(oI) || ""))._obj = oI;
}
}
else {
throw "参数类型错误";
}
props.sort();
for(i=0; i<len; i++) {
ret[i] = props[i]._obj;
}
if(desc) ret.reverse();
return ret;
};
for(var i=0;i<1000;i++){
document.write("<div>a"+i+"</div>")
}
var els=document.getElementsByTagName("div");
var cards=getRandomPlayCard(els.length);
var randomEls=[];
for(var i=0,len=cards.length;i<len;i++) randomEls[cards[i]]=els[i];//按洗出的牌来洗元素数组
alert(["总数:",randomEls.length,"打乱顺序后: ",randomEls[0].innerHTML,randomEls[randomEls.length-1].innerHTML]);
var d0=new Date();
var elsSorted=sortBy(randomEls,function(el){return el.sourceIndex+100000000;})
alert(["总数:",elsSorted.length,"排序耗时:",new Date()-d0,"重新排序后: ",elsSorted[0].innerHTML,elsSorted[elsSorted.length-1].innerHTML]);
</script>

Array原生的sort,当它传一个比较函数时,由于它内部用哪种排序算法,都需要多次比对,所以,耗时是很自然的事。
上面的快速排序,它并没有多次比对,
而是:
1。取出el属性值,用属性值产生一个String对象,
2。将el附在String对象上。
3。用String对象组成数组。
4。用原生的sort进String对象数组排序。
5。在排好序的String数组中,按序取出el。
即得到排好序的el数组。