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

Posted 2020-10-19 风雨后见彩虹

在项目中可能需要随机生成字母数字组成的字符，如生成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,36);
var rand03 = randomRange(10);
var rand04 = randomRange(10);

结果：

VkdWQnIOKntsp
UoUUNtGJrHVl7UMc9jlvYjUr
1F1ck8I7yV
SEPGPzuO5F

函数写法优化

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

function randomRange(min, max){
    var returnStr = "",
        range = (max ? Math.round(Math.random() * (max-min)) + min : min),
        charStr = \'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\';
 
    for(var i=0; i<range; i++){
        var index = Math.round(Math.random() * (charStr.length-1));
        returnStr += charStr.substring(index,index+1);
    }
    return returnStr;
}

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

结果：

Jpjtfe4S7aOSUAiGuYwK
n1mR5bDNf4jRBfM
j6HaBH7fZl
KbbHNw8V4Y

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

/** 随机生成固定位数或者一定范围内的字符串数字组合
 * @param {Number} min 范围最小值
 * @param {Number} max 范围最大值，当不传递时表示生成指定位数的组合
 * @param {String} charStr指定的字符串中生成组合
 * @returns {String} 返回字符串结果
 * */
function randomRange(min, max, charStr){
    var returnStr = "",
        range;
     if(typeof max == \'string\'){
         charStr = max;
     }
     range = ((max && typeof max == \'number\') ? Math.round(Math.random() * (max-min)) + min : min);
     charStr = charStr || \'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\';    
    for(var i=0; i<range; i++){
        var index = Math.round(Math.random() * (charStr.length-1));
        returnStr += charStr.substring(index,index+1);
    }
    return returnStr;
}

var rand01 = randomRange(10,22);
var rand02 = randomRange(5,8,\'abcdef012\');
var rand03 = randomRange(10);
var rand04 = randomRange(5,\'123\');

结果：

La2vVO4jrXZlHVLBs8b5K
1bc0cd1
ae888oluQX
32232

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

/** 随机生成固定位数或者一定范围内的字符串数字组合
 * @param {Number} min 范围最小值
 * @param {Number} max 范围最大值，当不传递时表示生成指定位数的组合
 * @param {String} charStr指定的字符串中生成组合
 * @returns {String} 返回字符串结果
 * */
function randomRange(min, max, charStr){
    var returnStr = "",
        range;
    if(typeof min == \'undefined\'){
        min = 10;
    }
     if(typeof max == \'string\'){
         charStr = max;
     }
     range = ((max && typeof max == \'number\') ? Math.round(Math.random() * (max-min)) + min : min);
     charStr = charStr || \'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\';    
    for(var i=0; i<range; i++){
        var index = Math.round(Math.random() * (charStr.length-1));
        returnStr += charStr.substring(index,index+1);
    }
    return returnStr;
}

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字符串

/** 随机生成固定位数或者一定范围内的字符串数字组合
 * @param {Number} min 范围最小值
 * @param {Number} max 范围最大值，当不传递时表示生成指定位数的组合
 * @param {String} charStr指定的字符串中生成组合
 * @returns {String} 返回字符串结果
 * */
function randomRange(min, max, charStr){
    var returnStr = "", //返回的字符串
        range; //生成的字符串长度
        
    //随机生成字符
    var autoGetStr = function(){
        var charFun = function(){
            var n= Math.floor(Math.random()*62);
            if(n<10){
                return n; //1-10
            }
            else if(n<36){
                return String.fromCharCode(n+55); //A-Z
            }
            else{
                return String.fromCharCode(n+61); //a-z    
            }
        }
        while(returnStr.length< range){
            returnStr += charFun();
        }
    };
    
    //根据指定的字符串中生成组合
    var accordCharStrGet = function(){
        for(var i=0; i<range; i++){
            var index = Math.round(Math.random() * (charStr.length-1));
            returnStr += charStr.substring(index,index+1);
        }
    };
    if(typeof min == \'undefined\'){
        min = 10;
    }
     if(typeof max == \'string\'){
         charStr = max;
     }
     range = ((max && typeof max == \'number\') ? Math.round(Math.random() * (max-min)) + min : min);
     
     if(charStr){
         accordCharStrGet();
     }else{
         autoGetStr();
     }
    return returnStr;
}

var rand01 = randomRange();
var rand02 = randomRange(5,8,\'abcdef012\');
var rand03 = randomRange(10);
var rand04 = randomRange(5,\'123\');

结果：

S0yIEsPj4Q
dff0d
Zx93g07ewD
22232

参考地址

• https://www.cnblogs.com/makan/p/4850071.html