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}返回字符串结果 **/ functionrandomRange(min,max){ varreturnStr="", 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(vari=0;i结果:
VkdWQnIOKntsp
UoUUNtGJrHVl7UMc9jlvYjUr
1F1ck8I7yV
SEPGPzuO5F函数写法优化
想想上面的arr这样写太繁琐,也可以写成字符串的形式,实现方式也差不多只是稍微变一下:
functionrandomRange(min,max){ varreturnStr="", range=(max?Math.round(Math.random()*(max-min))+min:min), charStr='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; for(vari=0;i结果:
Jpjtfe4S7aOSUAiGuYwK
n1mR5bDNf4jRBfM
j6HaBH7fZl
KbbHNw8V4Y扩展:从指定的字符串生成组合
/**随机生成固定位数或者一定范围内的字符串数字组合 *@param{Number}min范围最小值 *@param{Number}max范围最大值,当不传递时表示生成指定位数的组合 *@param{String}charStr指定的字符串中生成组合 *@returns{String}返回字符串结果 **/ functionrandomRange(min,max,charStr){ varreturnStr="", range; if(typeofmax=='string'){ charStr=max; } range=((max&&typeofmax=='number')?Math.round(Math.random()*(max-min))+min:min); charStr=charStr||'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; for(vari=0;i结果:
La2vVO4jrXZlHVLBs8b5K
1bc0cd1
ae888oluQX
32232进一步优化,不传递参数,默认生成指定位数的字符串组合
/**随机生成固定位数或者一定范围内的字符串数字组合 *@param{Number}min范围最小值 *@param{Number}max范围最大值,当不传递时表示生成指定位数的组合 *@param{String}charStr指定的字符串中生成组合 *@returns{String}返回字符串结果 **/ functionrandomRange(min,max,charStr){ varreturnStr="", range; if(typeofmin=='undefined'){ min=10; } if(typeofmax=='string'){ charStr=max; } range=((max&&typeofmax=='number')?Math.round(Math.random()*(max-min))+min:min); charStr=charStr||'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; for(vari=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-z97-122
A-Z65-90
0-945-57其实知道了这个我们就不需要写那么长的charStr字符串
/**随机生成固定位数或者一定范围内的字符串数字组合 *@param{Number}min范围最小值 *@param{Number}max范围最大值,当不传递时表示生成指定位数的组合 *@param{String}charStr指定的字符串中生成组合 *@returns{String}返回字符串结果 **/ functionrandomRange(min,max,charStr){ varreturnStr="",//返回的字符串 range;//生成的字符串长度 //随机生成字符 varautoGetStr=function(){ varcharFun=function(){ varn=Math.floor(Math.random()*62); if(n<10){ returnn;//1-10 } elseif(n<36){ returnString.fromCharCode(n+55);//A-Z } else{ returnString.fromCharCode(n+61);//a-z } } while(returnStr.length结果:
S0yIEsPj4Q
dff0d
Zx93g07ewD
22232参考文章
https://www.nhooo.com/article/140850.htm
PS:这里再为大家提供两款相关在线工具供大家参考使用:
在线随机数字/字符串生成工具:
http://tools.jb51.net/aideddesign/suijishu在线随机字符/随机密码生成工具:
http://tools.jb51.net/aideddesign/rnd_password在线随机数生成工具:
http://tools.jb51.net/aideddesign/rnd_num在线随机数/随机密码批量生成工具:
http://tools.jb51.net/aideddesign/rnd_pwd_tool更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。