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