怎么用JavaScript代碼生成隨機數

今天小編給大家分享一下怎么用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。

以上就是“怎么用JavaScript代碼生成隨機數”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。