前端學習代碼實例-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
前端學習代碼實例-JavaScript 生成隨機數