本文实例讲述了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 "htmlcode">
function randomRange(min, max){
var returnStr = "",
range = (max "htmlcode">
/** 随机生成固定位数或者一定范围内的字符串数字组合
* @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') "htmlcode">
/** 随机生成固定位数或者一定范围内的字符串数字组合
* @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') "htmlcode">
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') "https://www.jb51.net/article/140850.htm">https://www.jb51.net/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程序设计有所帮助。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
内蒙古资源网 Copyright www.nmgbbs.com
暂无“JS实现生成由字母与数字组合的随机字符串功能详解”评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。