JavaScript 產(chǎn)生不重復(fù)的隨機(jī)數(shù)三種實(shí)現(xiàn)思路
方法一
思路:首先創(chuàng)建一個(gè)1到3000的數(shù)組,每次取一個(gè)數(shù),然后去除數(shù)組中取出的這個(gè)數(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); //隨機(jī)取一個(gè)位置
document.write(index+" , ");
originalArray.splice(index,1);
}
var d2=new Date().getTime();
document.write("運(yùn)算耗時(shí)"+(d2-d1));
</script>
性能:耗時(shí) 1528 毫秒。
方法二
思路:對(duì)方法一的slice方法進(jìn)行改進(jìn),以提高效率。還是從原數(shù)組取出一個(gè)數(shù), 然后讓原數(shù)組的這個(gè)位置賦值為null 。下一次取數(shù)時(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("運(yùn)算耗時(shí)"+(d2-d1));
</script>
性能:耗時(shí) 290 毫秒。
方法三
思路:把原數(shù)組打散,然后再依次輸出, 這樣也可以做到隨機(jī)永不重復(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("運(yùn)算耗時(shí)"+(d2-d1));
</script>
性能:耗時(shí) 229 毫秒。
通過(guò)性能分析,得出方法三為最佳方案。
- 使用js Math.random()函數(shù)生成n到m間的隨機(jī)數(shù)字
- Javascript 生成指定范圍數(shù)值隨機(jī)數(shù)
- JS生成某個(gè)范圍的隨機(jī)數(shù)【四種情況詳解】
- javascript獲取不重復(fù)的隨機(jī)數(shù)的方法比較
- js生成隨機(jī)數(shù)之random函數(shù)隨機(jī)示例
- js獲取數(shù)組任意個(gè)不重復(fù)的隨機(jī)數(shù)組元素
- js實(shí)現(xiàn)簡(jiǎn)單排列組合的方法
- JS實(shí)現(xiàn)的全排列組合算法示例
- JS實(shí)現(xiàn)的排列組合算法示例
- JS實(shí)現(xiàn)二維數(shù)組元素的排列組合運(yùn)算簡(jiǎn)單示例
- JavaScript隨機(jī)數(shù)的組合問(wèn)題案例分析
相關(guān)文章
jsPDF生成pdf后在網(wǎng)頁(yè)展示實(shí)例
本文為大家介紹下jsPDF生成pdf后如何在網(wǎng)頁(yè)展示,下面有個(gè)不錯(cuò)示例,大家可以參考下2014-01-01Javascript實(shí)現(xiàn)可旋轉(zhuǎn)的圓圈實(shí)例代碼
這篇文章主要介紹了Javascript實(shí)現(xiàn)可旋轉(zhuǎn)的圓圈實(shí)例代碼,可實(shí)現(xiàn)圓圈的旋轉(zhuǎn)與運(yùn)動(dòng)效果,涉及javascript動(dòng)態(tài)操作頁(yè)面元素屬性及進(jìn)行相應(yīng)數(shù)學(xué)運(yùn)算的技巧,需要的朋友可以參考下2015-08-08JS 獲取HTML標(biāo)簽內(nèi)的子節(jié)點(diǎn)的方法
下面小編就為大家?guī)?lái)一篇JS 獲取HTML標(biāo)簽內(nèi)的子節(jié)點(diǎn)的方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09通過(guò) JS 判斷頁(yè)面是否有滾動(dòng)條的實(shí)現(xiàn)方法
最近在寫插件的過(guò)程中,需要使用 JS 判斷是否有滾動(dòng)條,搜了一下,大致方法都差不多,但都有些啰嗦,代碼不夠簡(jiǎn)潔。最終通過(guò)參考不同方法,寫了一個(gè)比較簡(jiǎn)單的方法2018-04-04原生JS檢測(cè)CSS3動(dòng)畫是否結(jié)束的方法詳解
這篇文章主要介紹了原生JS檢測(cè)CSS3動(dòng)畫是否結(jié)束的方法,結(jié)合實(shí)例形式分析了javascript事件響應(yīng)及針對(duì)css3屬性檢測(cè)相關(guān)操作技巧,需要的朋友可以參考下2019-01-01淺析JavaScript 函數(shù)防抖和節(jié)流
這篇文章主要介紹了JavaScript 函數(shù)防抖和節(jié)流的相關(guān)資料,文中講解非常細(xì)致,幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下2020-07-07深入理解setTimeout函數(shù)和setInterval函數(shù)
下面小編就為大家?guī)?lái)一篇深入理解setTimeout函數(shù)和setInterval函數(shù)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05JS+CSS實(shí)現(xiàn)高亮關(guān)鍵詞(不侵入DOM)的方式
這篇文章主要為大家詳細(xì)介紹了JS+CSS實(shí)現(xiàn)高亮關(guān)鍵詞(不侵入DOM)的方式,文中的示例代碼講解詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12