本文实例讲述了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.htmPS:这里再为大家提供两款相关在线工具供大家参考使用:
在线随机数字/字符串生成工具:
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程序设计有所帮助。
华山资源网 Design By www.eoogi.com广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!华山资源网 Design By www.eoogi.com暂无评论...
更新日志
- 《绝对主打 流行原创金曲 2CD》[WAV分轨][1.1GB]
- 《赛博朋克2077》更新上线:支持AMD FSR3
- 《塞尔达传说:智慧的再现》提前半个月偷跑,引发玩家担忧
- 战锤40K星际战士2全职业介绍|全职业技能效果一览
- 陈百强《2006世纪10星·永恒篇[环球]》[WAV整轨]
- 【新世纪钢琴】VA-GoldenOctober(Piano)(金秋十月钢琴篇)【FLAC】
- 青稞荞麦《破茧》新生代组合[WAV+CUE]
- 因系统升级后出现BUG 《FF16》PS5完全版宣布延期
- 《黑神话:悟空》周伯通!大佬用左右手分别挑战两只虎先锋
- 《黑神话:悟空》攻击动作致敬《大话西游》:这也太帅了!
- 《星舰铳犬太阳系物语》游戏背景介绍
- 《战锤40K星际战士2》终极版有后续DLC说明
- 《第9层》游戏特色玩法介绍
- 刀郎.2006-刀郎【九雨天下】【WAV+CUE】
- 59.9高校生.1994-素兰万岁【上华】【WAV+CUE】