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,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