前端學習程式碼例項-JavaScript 生成隨機數
分享一段非常強大的隨機數生成功能程式碼例項,有需要的朋友可以做一下參考。
程式碼例項如下:
(function(){ var charCodeIndex = [[48,57],[65,90],[97,122]]; var charCodeArr = []; function getBetweenRound(min,max){ return Math.floor(min+Math.random()*(max-min)); }; function getCharCode(){ for(var index=0,len=3;index<len;index++){ var thisArr = charCodeIndex[index]; for(var j=thisArr[0],thisLen=thisArr[1];j<=thisLen;j++){ charCodeArr.push(j); } } } function ranStr(slen){ slen = slen || 20; charCodeArr.length<62 && getCharCode(); var res = []; for(var i=0;i<slen;i++){ var index = getBetweenRound(0,61); res.push(String.fromCharCode(charCodeArr[index])); } return res.join(''); }; this.ranStr = ranStr; })(); console.log(this.ranStr(4)); web前端開發學習扣qun:731771211詳細教程分享
上面的程式碼實現了獲取隨機數的效果,下面介紹一下它的實現過程。
一.程式碼註釋:
(1).(function(){})(),一個自執行的匿名函式。
(2).var charCodeIndex = [[48,57],[65,90],[97,122]],三個子數字分別表示ascii字元的區間,表示數字、大小寫字母,感興趣的朋友可以自己查閱ascii編碼表,這裡不多介紹。
(3).var charCodeArr = [],次數字用來儲存ascii碼。
(4).function getBetweenRound(min,max){
return Math.floor(min+Math.random()*(max-min));
},此方法實現了獲取min到max之間數字的效果。
(5).function getCharCode(){
for(var index=0,len=3;index<len;index++){ var thisArr = charCodeIndex[index]; for(var j=thisArr[0],thisLen=thisArr[1];j<=thisLen;j++){ charCodeArr.push(j); } }
}通過迴圈的方式將ascii碼寫入陣列中。
(6).function ranStr(slen){},次函式實現了產生隨機數的效果,引數表示隨機數的長度。
(7).slen = slen || 20,如果沒有規定引數,那麼預設隨機數的長度是20。
(8).charCodeArr.length<62 && getCharCode(),判斷陣列是否已經存入ascii碼,如果沒有就執行函式存入,這個也能夠防止,連續執行ranStr函式導致多次重複給數字壓入ascii碼效果。
(9).var res = [],此陣列用來儲存隨機數結果的。
(10).for(var i=0;i<slen;i++){
var index = getBetweenRound(0,61);
res.push(String.fromCharCode(charCodeArr[index]));
},通過for迴圈獲取隨機數,其實也就是隨機從陣列中取元素。
(11).return res.join(''),將陣列中的元素連線起來。
(12).this.ranStr = ranStr,將隨機數賦值給this.ranStr。
更多程式設計知識分享,關注v-x公眾號id:mtbcxx