前端学习代码实例-JavaScript 生成随机数

作者: 560b7bb7b879 | 来源:发表于2019-04-29 17:30 被阅读2次

    分享一段非常强大的随机数生成功能代码实例,有需要的朋友可以做一下参考。

    代码实例如下:

    (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 生成随机数

        本文链接:https://www.haomeiwen.com/subject/hgxunqtx.html