JavaScript中實(shí)現(xiàn)PHP的打亂數(shù)組函數(shù)shuffle實(shí)例

更新時(shí)間：2014年10月11日 11:42:36 作者：Artlover

這篇文章主要介紹了JavaScript中實(shí)現(xiàn)PHP的打亂數(shù)組函數(shù)shuffle實(shí)例,本文用2種方法實(shí)現(xiàn)了類似PHP的打亂數(shù)組函數(shù)shuffle函數(shù),需要的朋友可以參考下

PHP 里面有個(gè)非常方便的打亂數(shù)組的函數(shù) shuffle() ，這個(gè)功能在許多情況下都會(huì)用到，但 javascript 的數(shù)組卻沒有這個(gè)方法，沒有不要緊，可以擴(kuò)展一個(gè)，自己動(dòng)手，豐衣足食嘛。

請(qǐng)刷新頁面查看隨機(jī)排序效果。

復(fù)制代碼代碼如下:

<script type="text/javascript">

//<![CDATA[

// 說明：為 Javascript 數(shù)組添加 shuffle 方法

var shuffle = function(v){

    for(var j, x, i = v.length; i; j = parseInt(Math.random() * i), x = v[--i], v[i] = v[j], v[j] = x);

    return v;

};

var a = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

document.write("A = ", a.join(","), "<br />shuffle(A) = ", shuffle(a));

//]]>

</script>

輸出結(jié)果：

復(fù)制代碼代碼如下:

A = 0,1,2,3,4,5,6,7,8,9

shuffle(A) = 1,5,0,9,2,3,6,8,4,7
A.shuffle() = 0,4,2,8,5,1,3,6,9,7

通過prototype 給數(shù)組添加一個(gè)方法：

復(fù)制代碼代碼如下:

<script type="text/javascript">

//<![CDATA[

var a = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

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;

    };

}

document.write("A = ", a.join(","), "<br />A.shuffle() = ", a.shuffle());

//]]>

</script>

您可能感興趣的文章:

相關(guān)文章

js中arguments,caller,callee,apply的用法小結(jié)
本篇文章只要是對(duì)js中arguments,caller,callee,apply的用法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-01-01
javascript 一段左右兩邊隨屏滾動(dòng)的代碼
在不少的網(wǎng)站使用了這種技術(shù)，一般就是兩邊的一些三個(gè)小塊排一起的廣告。
2009-06-06
簡(jiǎn)易 Javascript 調(diào)試包 Debug包
來看一個(gè)簡(jiǎn)易的 Javascript 調(diào)試包 jscript.debug.js，包含兩個(gè)函數(shù)
2010-10-10
擴(kuò)展js對(duì)象數(shù)組的OrderByAsc和OrderByDesc方法實(shí)現(xiàn)思路
js的擴(kuò)展方法是基于原型的，如Array.prototype.XXXX就是給Array擴(kuò)展XXX方法，然后數(shù)組都能使用這個(gè)方法了，在對(duì)象數(shù)組里面經(jīng)常有根據(jù)屬性來進(jìn)行排序的，升序，降序的，下面與大家分享自己寫的一個(gè)
2013-05-05
教大家輕松制作Bootstrap漂亮表格（table）
這篇文章主要為大家詳細(xì)介紹了Bootstrap輕松制作漂亮表格table的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
js與applet相互調(diào)用的方法
這篇文章主要介紹了js與applet相互調(diào)用的方法,結(jié)合實(shí)例形式分析了js調(diào)用java的applet以及java調(diào)用js的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-06-06
javascript鼠標(biāo)滑過顯示二級(jí)菜單特效
這篇文章主要為大家詳細(xì)介紹了javascript鼠標(biāo)滑過顯示二級(jí)菜單特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-07-07
JS查找字符串中出現(xiàn)次數(shù)最多的字符
本文給大家?guī)韮煞Njs中查找字符串中出現(xiàn)次數(shù)最多的字符，在這兩種方法中小編推薦使用第二種，對(duì)js查找字符串出現(xiàn)次數(shù)的相關(guān)知識(shí)感興趣的朋友一起看看吧
2016-09-09
JS實(shí)現(xiàn)遮罩層效果的簡(jiǎn)單實(shí)例
這篇文章介紹了JS實(shí)現(xiàn)遮罩層效果的簡(jiǎn)單實(shí)例，有需要的朋友可以參考一下
2013-11-11
詳解JavaScript中的強(qiáng)制類型轉(zhuǎn)換
這篇文章主要介紹了JavaScript中的強(qiáng)制類型轉(zhuǎn)換，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04