JavaScript 產(chǎn)生不重復(fù)的隨機數(shù)三種實現(xiàn)思路
更新時間:2012年12月13日 16:32:32 作者:
在 JavaScript 中,一般產(chǎn)生的隨機數(shù)會重復(fù),但是有時我們需要不重復(fù)的隨機數(shù),如何實現(xiàn)?本文給于解決方法,需要的朋友可以參考下
在 JavaScript 中,一般產(chǎn)生的隨機數(shù)會重復(fù),但是有時我們需要不重復(fù)的隨機數(shù),如何實現(xiàn)?下面就來講解三種方法產(chǎn)生不重復(fù)的隨機數(shù),并進(jìn)行比較,看那種方法效率高。
方法一
思路:首先創(chuàng)建一個1到3000的數(shù)組,每次取一個數(shù),然后去除數(shù)組中取出的這個數(shù), 這樣就可以實現(xiàn)永不重復(fù)。
<script type="text/javascript">
var count=3000;
var originalArray=new Array;//原數(shù)組
//給原數(shù)組originalArray賦值
for (var i=0;i<count;i++){
originalArray[i]=i+1;
}
var d1=new Date().getTime();
for (i=0;i<count;i++){
var index=Math.floor(Math.random()*originalArray.length); //隨機取一個位置
document.write(index+" , ");
originalArray.splice(index,1);
}
var d2=new Date().getTime();
document.write("運算耗時"+(d2-d1));
</script>
性能:耗時 1528 毫秒。
方法二
思路:對方法一的slice方法進(jìn)行改進(jìn),以提高效率。還是從原數(shù)組取出一個數(shù), 然后讓原數(shù)組的這個位置賦值為null 。下一次取數(shù)時判斷是否為null,如果是null就不取。
<script type="text/javascript">
var count=3000;
var originalArray=new Array;//原數(shù)組
//給原數(shù)組originalArray賦值
for (var i=0;i<count;i++){
originalArray[i]=i+1;
}
var d1=new Date().getTime();
for (var num,i=0;i<count;i++){
do{
num=Math.floor(Math.random()*count);
}while(originalArray[num]==null);
document.write(originalArray[num]+" , ");
originalArray[num]=null;
}
var d2=new Date().getTime();
document.write("運算耗時"+(d2-d1));
</script>
性能:耗時 290 毫秒。
方法三
思路:把原數(shù)組打散,然后再依次輸出, 這樣也可以做到隨機永不重復(fù),且效率更高。
<script type="text/javascript">
var count=3000;
var originalArray=new Array;//原數(shù)組
//給原數(shù)組originalArray賦值
for (var i=0;i<count;i++){
originalArray[i]=i+1;
}
var d1=new Date().getTime();
originalArray.sort(function(){ return 0.5 - Math.random(); });
for (var i=0;i<count;i++){
document.write(originalArray[i]+" , ");
}
var d2=new Date().getTime();
document.write("運算耗時"+(d2-d1));
</script>
性能:耗時 229 毫秒。
通過性能分析,得出方法三為最佳方案。
方法一
思路:首先創(chuàng)建一個1到3000的數(shù)組,每次取一個數(shù),然后去除數(shù)組中取出的這個數(shù), 這樣就可以實現(xiàn)永不重復(fù)。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var count=3000;
var originalArray=new Array;//原數(shù)組
//給原數(shù)組originalArray賦值
for (var i=0;i<count;i++){
originalArray[i]=i+1;
}
var d1=new Date().getTime();
for (i=0;i<count;i++){
var index=Math.floor(Math.random()*originalArray.length); //隨機取一個位置
document.write(index+" , ");
originalArray.splice(index,1);
}
var d2=new Date().getTime();
document.write("運算耗時"+(d2-d1));
</script>
性能:耗時 1528 毫秒。
方法二
思路:對方法一的slice方法進(jìn)行改進(jìn),以提高效率。還是從原數(shù)組取出一個數(shù), 然后讓原數(shù)組的這個位置賦值為null 。下一次取數(shù)時判斷是否為null,如果是null就不取。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var count=3000;
var originalArray=new Array;//原數(shù)組
//給原數(shù)組originalArray賦值
for (var i=0;i<count;i++){
originalArray[i]=i+1;
}
var d1=new Date().getTime();
for (var num,i=0;i<count;i++){
do{
num=Math.floor(Math.random()*count);
}while(originalArray[num]==null);
document.write(originalArray[num]+" , ");
originalArray[num]=null;
}
var d2=new Date().getTime();
document.write("運算耗時"+(d2-d1));
</script>
性能:耗時 290 毫秒。
方法三
思路:把原數(shù)組打散,然后再依次輸出, 這樣也可以做到隨機永不重復(fù),且效率更高。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var count=3000;
var originalArray=new Array;//原數(shù)組
//給原數(shù)組originalArray賦值
for (var i=0;i<count;i++){
originalArray[i]=i+1;
}
var d1=new Date().getTime();
originalArray.sort(function(){ return 0.5 - Math.random(); });
for (var i=0;i<count;i++){
document.write(originalArray[i]+" , ");
}
var d2=new Date().getTime();
document.write("運算耗時"+(d2-d1));
</script>
性能:耗時 229 毫秒。
通過性能分析,得出方法三為最佳方案。
您可能感興趣的文章:
- 使用js Math.random()函數(shù)生成n到m間的隨機數(shù)字
- Javascript 生成指定范圍數(shù)值隨機數(shù)
- JS生成某個范圍的隨機數(shù)【四種情況詳解】
- javascript獲取不重復(fù)的隨機數(shù)的方法比較
- js生成隨機數(shù)之random函數(shù)隨機示例
- js獲取數(shù)組任意個不重復(fù)的隨機數(shù)組元素
- js實現(xiàn)簡單排列組合的方法
- JS實現(xiàn)的全排列組合算法示例
- JS實現(xiàn)的排列組合算法示例
- JS實現(xiàn)二維數(shù)組元素的排列組合運算簡單示例
- JavaScript隨機數(shù)的組合問題案例分析
相關(guān)文章
Javascript實現(xiàn)可旋轉(zhuǎn)的圓圈實例代碼
這篇文章主要介紹了Javascript實現(xiàn)可旋轉(zhuǎn)的圓圈實例代碼,可實現(xiàn)圓圈的旋轉(zhuǎn)與運動效果,涉及javascript動態(tài)操作頁面元素屬性及進(jìn)行相應(yīng)數(shù)學(xué)運算的技巧,需要的朋友可以參考下2015-08-08JS 獲取HTML標(biāo)簽內(nèi)的子節(jié)點的方法
下面小編就為大家?guī)硪黄狫S 獲取HTML標(biāo)簽內(nèi)的子節(jié)點的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09淺析JavaScript 函數(shù)防抖和節(jié)流
這篇文章主要介紹了JavaScript 函數(shù)防抖和節(jié)流的相關(guān)資料,文中講解非常細(xì)致,幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下2020-07-07深入理解setTimeout函數(shù)和setInterval函數(shù)
下面小編就為大家?guī)硪黄钊肜斫鈙etTimeout函數(shù)和setInterval函數(shù)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05JS+CSS實現(xiàn)高亮關(guān)鍵詞(不侵入DOM)的方式
這篇文章主要為大家詳細(xì)介紹了JS+CSS實現(xiàn)高亮關(guān)鍵詞(不侵入DOM)的方式,文中的示例代碼講解詳細(xì),具有一定的參考價值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12