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

摘要：若是偶数，返回的数值字符串都是短的，若是奇数，则返回的将是一个很大长度的表示值。若则都是数字组成，才会包含字母。

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

先看一下这个方式：

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
结果：
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
结果：
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
结果：
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
结果：
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
结果：
S0yIEsPj4Q
dff0d
Zx93g07ewD
22232
参考地址
https://www.cnblogs.com/makan/p/4850071.html