JavaScript中實現(xiàn)最高效的數(shù)組亂序方法
數(shù)組亂序的意思是,把數(shù)組內(nèi)的所有元素排列順序打亂。
常用的辦法是給數(shù)組原生的sort方法傳入一個函數(shù),此函數(shù)隨機返回1或-1,達到隨機排列數(shù)組元素的目的。
arr.sort(function(a,b){ return Math.random()>.5 ? -1 : 1;});
這種方法雖直觀,但效率并不高,經(jīng)我測試,打亂10000個元素的數(shù)組,所用時間大概在35ms上下(firefox)
本人一直具有打破沙鍋問到底的優(yōu)良品質(zhì),于是搜索到了一個高效的方法。原文見此
if (!Array.prototype.shuffle) {
Array.prototype.shuffle = function() {
for(var j, x, i = this.length; i; j = parseInt(Math.random() * i), x = this[--i], this[i] = this[j], this[j] = x);
return this;
};
}
arr.shuffle();
此方法是為Array.prototype添加了一個函數(shù),叫shuffle——不過叫什么名字不重要啦,重要的是他的效率。
拿我上面那個10000個元素的數(shù)組來測試,用這個方法亂序完成僅需要7,8毫秒的時間。
把數(shù)組元素增加10倍到100000來測試,第一種sort方法費時500+ms左右,shuffle方法費時40ms左右,差別是大大的。
完整測試代碼:
var count = 100000,arr = [];
for(var i=0;i.5 ? -1 : 1;});
Array.prototype.sort.call(arr,function(a,b){ return Math.random()>.5 ? -1 : 1;});
document.write(arr+'
');
var t1 = new Date().getTime();
document.write(t1-t);
//以下方法效率最高
if (!Array.prototype.shuffle) {
Array.prototype.shuffle = function() {
for(var j, x, i = this.length; i; j = parseInt(Math.random() * i), x = this[--i], this[i] = this[j], this[j] = x);
return this;
};
}
var t = new Date().getTime();
arr.shuffle();
document.write('
'+arr+'
');
var t1 = new Date().getTime();
document.write(t1-t);
另外,大家有沒有注意到shuffle代碼里的for循環(huán),他沒有后半截!也就是只有for(..)卻沒有后面的{..},居然可以這樣寫!而且居然正常執(zhí)行!好奇特,我得去博客園問問。
相關(guān)文章
基于JavaScript實現(xiàn)回到頁面頂部動畫代碼
這篇文章主要介紹了基于JavaScript實現(xiàn)回到頁面頂部動畫代碼的相關(guān)資料,代碼簡單易用,非常實用,需要的朋友可以參考下2016-05-05javascript與css3動畫結(jié)合使用小結(jié)
本文給大家講述的是如何使用javascript結(jié)合CSS動畫來實現(xiàn)一些占用資源更少,更優(yōu)化的動畫效果,思路十分巧妙,這里推薦給小伙伴們參考下。2015-03-03JS+CSS實現(xiàn)鼠標經(jīng)過彈出一個DIV框完整實例(帶緩沖動畫漸變效果)
這篇文章主要介紹了JS+CSS實現(xiàn)鼠標經(jīng)過彈出一個DIV框的實現(xiàn)方法,帶緩沖漸變動畫效果,涉及鼠標事件的響應(yīng)及結(jié)合時間函數(shù)定時觸發(fā)形成動畫漸變效果的相關(guān)技巧,需要的朋友可以參考下2016-03-03JS實現(xiàn)盒子跟著鼠標移動及鍵盤方向鍵控制盒子移動效果示例
這篇文章主要介紹了JS實現(xiàn)盒子跟著鼠標移動及鍵盤方向鍵控制盒子移動效果,涉及javascript事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-01-01