JS实现生成由字母与数字组合的随机字符串功能详解

本文实例讲述了JS实现生成由字母与数字组合的随机字符串功能分享给大家供大家参考,具体如下:

在项目中可能需要随机生成字母数字组成的字符,如生成3-32位长度的字母数字组合的随机字符串(位数不固定)或者生成43位随机字符串(位数固定)

使用Math.random()与toString()方法的结合

先看一下这个方式:

结果:

0.9kfiead48n

toString后的参数规定可以是2-36之间的任意整数,不写的话默认是10(也就是十进制),此时返回的值就是那个随机数。

10 才会包含字母。

所以如果想得到一长串的随机字符,则需使用一个 > 10 且是奇数的参数。但是由于返回的是小数点,所以需要截取,可以使用slice(2) 。这儿使用substr()方法。如下:

结果:

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

结果:

VkdWQnIOKntsp UoUUNtGJrHVl7UMc9jlvYjUr 1F1ck8I7yV SEPGPzuO5F

函数写法优化

想想上面的arr这样写太繁琐,也可以写成字符串的形式,实现方式也差不多只是稍微变一下:

结果:

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

结果:

La2vVO4jrXZlHVLBs8b5K 1bc0cd1 ae888oluQX 32232

进一步优化,不传递参数,默认生成指定位数的字符串组合

随机生成固定位数或者一定范围内的字符串数字组合 * @param {Number} min 范围最小值 * @param {Number} max 范围最大值,当不传递时表示生成指定位数的组合 * @param {String} charStr指定的字符串中生成组合 * @returns {String} 返回字符串结果 * */ function randomRange(min,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

结果:

ohcjkCLtuL

在优化,根据ASCII码生成组合

通过打印:

常见字符对应的ASCII码

其实知道了这个我们就不需要写那么长的

随机生成固定位数或者一定范围内的字符串数字组合 * @param {Number} min 范围最小值 * @param {Number} max 范围最大值,当不传递时表示生成指定位数的组合 * @param {String} charStr指定的字符串中生成组合 * @returns {String} 返回字符串结果 * */ function randomRange(min,//返回的字符串 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

结果:

S0yIEsPj4Q dff0d Zx93g07ewD 22232

参考文章

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

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

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

在线随机数生成工具:

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

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《

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

相关文章

事件冒泡和事件捕获 起因:今天在封装一个bind函数的时候,发现el.addEventListener函数支持第三个参数...
js小数运算会出现精度问题 js number类型 JS 数字类型只有number类型,number类型相当于其他强类型语言...
什么是跨域 跨域 : 广义的跨域包含一下内容 : 1.资源跳转(链接跳转,重定向跳转,表单提交) 2.资源...
@ &quot;TOC&quot; 常见对base64的认知(不完全正确) 首先对base64常见的认知,也是须知的必须有...
搞懂:MVVM模式和Vue中的MVVM模式 MVVM MVVM : 的缩写,说都能直接说出来 :模型, :视图, :视图模...
首先我们需要一个html代码的框架如下: 我们的目的是实现ul中的内容进行横向的一点一点滚动。ul中的内容...