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



参考文章

//www.zwyuanma.com/article/140850.htm

PS：这里再为大家提供两款相关在线工具供大家参考使用：

在线随机数字/字符串生成工具：

http://tools.zwyuanma.com/aideddesign/suijishu

在线随机字符/随机密码生成工具：

http://tools.zwyuanma.com/aideddesign/rnd_password

在线随机数生成工具：

http://tools.zwyuanma.com/aideddesign/rnd_num

在线随机数/随机密码批量生成工具：

http://tools.zwyuanma.com/aideddesign/rnd_pwd_tool

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。