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

参考文章

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

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

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

在线随机数生成工具：

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

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

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