通过JS生成由字母与数字组合的随机字符串

前端之家收集整理的这篇文章主要介绍了通过JS生成由字母与数字组合的随机字符串前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在项目中可能需要随机生成字母数字组成的字符,如生成3-32位长度的字母数字组合的随机字符串(位数不固定)或者生成43随机字符串(位数固定

使用Math.random()与toString()方法的结合

先看一下这个方式:

Math.random().toString(36);

结果:0.9kfiead48n
toString后的参数规定可以是2-36之间的任意整数,不写的话默认是10(也就是十进制),此时返回的值就是那个随机数。

  • 若是偶数,返回的数值字符串都是短的,若是奇数,则返回的将是一个很大长度的表示值。
  • <10 则都是数字组成,>10 才会包含字母。

所以如果想得到一长串的随机字符,则需使用一个 > 10 且是奇数的参数。但是由于返回的是小数点,所以需要截取,可以使用slice(2) 。这儿使用substr()方法。如下:

Math.random().toString(36).substr(2);

结果:p3bz2xrzsam

但是上面的方式只是随机了,位数不确定。怎样来控制在一个范围或者固定的位数呢?看下面的方法

常规的函数写法

/** 随机生成固定位数或者一定范围内的字符串数字组合
 * @param {Number} min 范围最小值
 * @param {Number} max 范围最大值,当不传递时表示生成指定位数的组合
 * @returns {String} 返回字符串结果
 * */
function randomRange(min,max){
    var returnStr = "",range = (max ? Math.round(Math.random() * (max-min)) + min : min),arr = ['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];
 
    for(var i=0; i<range; i++){
        var index = Math.round(Math.random() * (arr.length-1));
        returnStr += arr[index];
    }
    return returnStr;
}

var rand01 = randomRange(10,22);
var rand02 = randomRange(10,36var rand03 = randomRange(10var rand04 = randomRange(10);

结果:

VkdWQnIOKntsp
UoUUNtGJrHVl7UMc9jlvYjUr
1F1ck8I7yV
SEPGPzuO5F

函数写法优化

想想上面的arr这样写太繁琐,也可以写成字符串的形式,实现方式也差不多只是稍微变一下:

;
 
    var index = Math.round(Math.random() * (charStr.length-1));
        returnStr += charStr.substring(index,index+1);
    }
    Jpjtfe4S7aOSUAiGuYwK
n1mR5bDNf4jRBfM
j6HaBH7fZl
KbbHNw8V4Y

扩展:从指定的字符串生成组合

* 随机生成固定位数或者一定范围内的字符串数字组合
 * @param {Number} min 范围最小值
 * @param {Number} max 范围最大值,当不传递时表示生成指定位数的组合
 * @param {String} charStr指定的字符串中生成组合
 * @returns {String} 返回字符串结果
 * if(typeof max == 'string'){
         charStr = max;
     }
     range = ((max && typeof max == 'number') ? Math.round(Math.random() * (max-min)) + min : min);
     charStr = charStr || 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';    
    var rand02 = randomRange(5,8,'abcdef012'var rand04 = randomRange(5,'123');

结果:

La2vVO4jrXZlHVLBs8b5K
1bc0cd1
ae888oluQX
32232

进一步优化,不传递参数,默认生成指定位数的字符串组合

typeof min == 'undefined'){
        min = 10;
    }
     var rand01 = randomRange();

结果:

ohcjkCLtuL

在优化,根据ASCII码生成组合

通过打印:

console.log('9'.charCodeAt(0)); //0-9ASCII范围:48-57
console.log('a'.charCodeAt(0)); a-zASCII范围:97-122
console.log('A'.charCodeAt(0)); A-ZASCII范围:65-90

常见字符对应的ASCII码

  • a-z 97-122
  • A-Z 65-90
  • 0-9 45-57

其实知道了这个我们就不需要写那么长的charStr字符串

var returnStr = "",返回的字符串
        range; 生成的字符串长度
        
    随机生成字符
    var autoGetStr = (){
        var charFun = (){
            var n= Math.floor(Math.random()*62);
            if(n<10){
                return n; 1-10
            }
            else if(n<36return String.fromCharCode(n+55); A-Z
else{
                return String.fromCharCode(n+61); a-z    
            }
        }
        while(returnStr.length< range){
            returnStr += charFun();
        }
    };
    
    根据指定的字符串中生成组合
    var accordCharStrGet = ){
            ));
            returnStr += charStr.substring(index,1)">);
        }
    };
     min : min);
     
     if(charStr){
         accordCharStrGet();
     }{
         autoGetStr();
     }
    var rand01 = randomRange();
S0yIEsPj4Q
dff0d
Zx93g07ewD
22232

参考地址

猜你在找的JavaScript相关文章