前端學習程式碼例項-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。