最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript中實現(xiàn)最高效的數(shù)組亂序方法

 更新時間:2014年10月11日 11:51:45   作者:十年燈  
這篇文章主要介紹了JavaScript中實現(xiàn)最高效的數(shù)組亂序方法,數(shù)組亂序的意思是,把數(shù)組內(nèi)的所有元素排列順序打亂,需要的朋友可以參考下

數(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í)行!好奇特,我得去博客園問問。

相關文章

  • 純JavaScript創(chuàng)建一個簡單的待辦事項列表

    純JavaScript創(chuàng)建一個簡單的待辦事項列表

    這篇文章主要給大家介紹了關于純JavaScript創(chuàng)建一個簡單的待辦事項列表的相關資料,清單通常用于記錄我們在某一天需要完成的所有事項,將最關鍵的任務放在最上方,將最不重要的事項放在最下方,需要的朋友可以參考下
    2024-01-01
  • js實現(xiàn)彈窗插件功能實例代碼分享

    js實現(xiàn)彈窗插件功能實例代碼分享

    這篇文章主要介紹了
    2013-12-12
  • json對象和formData相互轉(zhuǎn)換的方式詳解

    json對象和formData相互轉(zhuǎn)換的方式詳解

    我們有兩種常見的傳參方式: JSON 對象格式和 formData 格式,但是一些場景是需要我們對這兩種數(shù)據(jù)格式進行轉(zhuǎn)換的,這篇文章主要介紹了json對象和formData相互轉(zhuǎn)換的方式詳解,需要的朋友可以參考下
    2023-02-02
  • 手把手教你如何排查Javascript內(nèi)存泄漏

    手把手教你如何排查Javascript內(nèi)存泄漏

    本文將通過一些常見的FAQ來帶大家一起學習一下怎么用工具定位javascript里的內(nèi)存問題,文中的示例代碼講解詳細,感興趣的小伙伴可以了解一下
    2022-06-06
  • javascript 支持頁碼格式的分頁類

    javascript 支持頁碼格式的分頁類

    前端時間因為項目需要,要對一個產(chǎn)品下所有的附屬圖片進行分頁顯示,沒考慮ajax一張張請求,所以干脆一次性全部把圖片out,然后在載入的時候進行分頁,網(wǎng)上很多jquery,property等都實現(xiàn)了
    2009-12-12
  • 前臺js調(diào)用后臺方法示例

    前臺js調(diào)用后臺方法示例

    本文為大家介紹下前臺js調(diào)用后臺方法,下面有個不錯的示例,喜歡的朋友可以參考下
    2013-12-12
  • 折疊菜單及選擇器的運用

    折疊菜單及選擇器的運用

    本文主要介紹了折疊菜單及選擇器的運用。具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • JavaScript 事件的一些重要說明

    JavaScript 事件的一些重要說明

    關于JavaScript中事件的一些重要說明,需要的朋友可以參考下。
    2009-10-10
  • js學習總結(jié)之dom2級事件基礎知識詳解

    js學習總結(jié)之dom2級事件基礎知識詳解

    這篇文章主要為大家詳細介紹了js學習總結(jié)之dom2級事件基礎知識,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • es6中比較有用的7個技巧小結(jié)

    es6中比較有用的7個技巧小結(jié)

    這篇文章主要給大家介紹了關于es6中比較有用的7個技巧,文中通過示例代碼介紹的非常詳細,對大家學習或者使用es6具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧
    2019-07-07

最新評論

临泽县| 合肥市| 台江县| 曲沃县| 上虞市| 武汉市| 绥德县| 天津市| 旌德县| 泉州市| 苍梧县| 定日县| 辛集市| 靖州| 贡觉县| 镇雄县| 威远县| 蕲春县| 麟游县| 彭泽县| 石台县| 山丹县| 长沙县| 清徐县| 奇台县| 罗甸县| 宜城市| 克山县| 彭州市| 徐州市| 福泉市| 垣曲县| 商丘市| 玉树县| 孙吴县| 苍梧县| 高邮市| 兴山县| 萨迦县| 黑龙江省| 安龙县|