前端学习代码实例-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 生成随机数

猜你喜欢