在项目中可能需要随机生成字母数字组成的字符，如生成3-32位长度的字母数字组合的随机字符串（位数不固定）或者生成43位随机字符串（位数固定）
使用Math.random()与toString()方法的结合
先看一下这个方式：
Math.random().toString(36);
结果：0.9kfiead48ntoString后的参数规定可以是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);结果：
VkdWQnIOKntspUoUUNtGJrHVl7UMc9jlvYjUr1F1ck8I7yVSEPGPzuO5F
函数写法优化
想想上面的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);结果：
Jpjtfe4S7aOSUAiGuYwKn1mR5bDNf4jRBfMj6HaBH7fZlKbbHNw8V4Y
扩展：从指定的字符串生成组合
/** 随机生成固定位数或者一定范围内的字符串数字组合 * @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‘);结果：
La2vVO4jrXZlHVLBs8b5K1bc0cd1ae888oluQX32232
进一步优化，不传递参数，默认生成指定位数的字符串组合
/** 随机生成固定位数或者一定范围内的字符串数字组合 * @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-57console.log(‘a‘.charCodeAt(0));// a-zASCII范围：97-122console.log(‘A‘.charCodeAt(0));// A-ZASCII范围：65-90
常见字符对应的ASCII码
a-z 97-122A-Z 65-900-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‘);结果：
S0yIEsPj4Qdff0dZx93g07ewD22232
参考地址
- https://www.cnblogs.com/makan/p/4850071.html
JS基础篇--通过JS生成由字母与数字组合的随机字符串
原文地址：https://www.cnblogs.com/moqiutao/p/8191214.html