怎么用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代码生成随机数”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注亿速云行业资讯频道。