JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能詳解
本文實例講述了JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能。分享給大家供大家參考,具體如下:
在項目中可能需要隨機生成字母數(shù)字組成的字符,如生成3-32位長度的字母數(shù)字組合的隨機字符串(位數(shù)不固定)或者生成43位隨機字符串(位數(shù)固定)
使用Math.random()與toString()方法的結(jié)合
先看一下這個方式:
Math.random().toString(36);
結(jié)果:
0.9kfiead48n
toString后的參數(shù)規(guī)定可以是2-36之間的任意整數(shù),不寫的話默認(rèn)是10(也就是十進制),此時返回的值就是那個隨機數(shù)。
若是偶數(shù),返回的數(shù)值字符串都是短的,若是奇數(shù),則返回的將是一個很大長度的表示值。
若<10 則都是數(shù)字組成,>10 才會包含字母。
所以如果想得到一長串的隨機字符,則需使用一個 > 10 且是奇數(shù)的參數(shù)。但是由于返回的是小數(shù)點,所以需要截取,可以使用slice(2)
。這兒使用substr()
方法。如下:
Math.random().toString(36).substr(2);
結(jié)果:
p3bz2xrzsam
但是上面的方式只是隨機了,位數(shù)不確定。怎樣來控制在一個范圍或者固定的位數(shù)呢?看下面的方法。
常規(guī)的函數(shù)寫法
/** 隨機生成固定位數(shù)或者一定范圍內(nèi)的字符串?dāng)?shù)字組合 * @param {Number} min 范圍最小值 * @param {Number} max 范圍最大值,當(dāng)不傳遞時表示生成指定位數(shù)的組合 * @returns {String} 返回字符串結(jié)果 * */ 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);
結(jié)果:
VkdWQnIOKntsp
UoUUNtGJrHVl7UMc9jlvYjUr
1F1ck8I7yV
SEPGPzuO5F
函數(shù)寫法優(yōu)化
想想上面的arr這樣寫太繁瑣,也可以寫成字符串的形式,實現(xiàn)方式也差不多只是稍微變一下:
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);
結(jié)果:
Jpjtfe4S7aOSUAiGuYwK
n1mR5bDNf4jRBfM
j6HaBH7fZl
KbbHNw8V4Y
擴展:從指定的字符串生成組合
/** 隨機生成固定位數(shù)或者一定范圍內(nèi)的字符串?dāng)?shù)字組合 * @param {Number} min 范圍最小值 * @param {Number} max 范圍最大值,當(dāng)不傳遞時表示生成指定位數(shù)的組合 * @param {String} charStr指定的字符串中生成組合 * @returns {String} 返回字符串結(jié)果 * */ 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');
結(jié)果:
La2vVO4jrXZlHVLBs8b5K
1bc0cd1
ae888oluQX
32232
進一步優(yōu)化,不傳遞參數(shù),默認(rèn)生成指定位數(shù)的字符串組合
/** 隨機生成固定位數(shù)或者一定范圍內(nèi)的字符串?dāng)?shù)字組合 * @param {Number} min 范圍最小值 * @param {Number} max 范圍最大值,當(dāng)不傳遞時表示生成指定位數(shù)的組合 * @param {String} charStr指定的字符串中生成組合 * @returns {String} 返回字符串結(jié)果 * */ 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();
結(jié)果:
ohcjkCLtuL
在優(yōu)化,根據(jù)ASCII碼生成組合
通過打?。?/p>
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
常見字符對應(yīng)的ASCII碼
a-z 97-122
A-Z 65-90
0-9 45-57
其實知道了這個我們就不需要寫那么長的charStr字符串
/** 隨機生成固定位數(shù)或者一定范圍內(nèi)的字符串?dāng)?shù)字組合 * @param {Number} min 范圍最小值 * @param {Number} max 范圍最大值,當(dāng)不傳遞時表示生成指定位數(shù)的組合 * @param {String} charStr指定的字符串中生成組合 * @returns {String} 返回字符串結(jié)果 * */ 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(); } }; //根據(jù)指定的字符串中生成組合 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');
結(jié)果:
S0yIEsPj4Q
dff0d
Zx93g07ewD
22232
參考文章
http://www.dbjr.com.cn/article/140850.htm
PS:這里再為大家提供兩款相關(guān)在線工具供大家參考使用:
在線隨機數(shù)字/字符串生成工具:
http://tools.jb51.net/aideddesign/suijishu
在線隨機字符/隨機密碼生成工具:
http://tools.jb51.net/aideddesign/rnd_password
在線隨機數(shù)生成工具:
http://tools.jb51.net/aideddesign/rnd_num
在線隨機數(shù)/隨機密碼批量生成工具:
http://tools.jb51.net/aideddesign/rnd_pwd_tool
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- js隨機生成字母數(shù)字組合的字符串 隨機動畫數(shù)字
- JavaScript實現(xiàn)隨機產(chǎn)生字符串的方法分享
- Js生成隨機數(shù)/隨機字符串的方法小結(jié)【5種方法】
- JS簡單生成由字母數(shù)字組合隨機字符串示例
- javascript創(chuàng)建含數(shù)字字母的隨機字符串方法總結(jié)
- JavaScript生成隨機字符串的方法
- javascript自動生成包含數(shù)字與字符的隨機字符串
- JS生成隨機字符串的多種方法
- js 數(shù)組隨機字符串(廣告不重復(fù))
- js 按照指定間隔 向字符串中插入隨機字符串的實現(xiàn)代碼
- JS實現(xiàn)隨機生成字符串(可指定長度)的示例代碼
相關(guān)文章
JS module的導(dǎo)出和導(dǎo)入的實現(xiàn)代碼
這篇文章主要介紹了JS module的導(dǎo)出和導(dǎo)入的實現(xiàn)代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-02-02JS實現(xiàn)動態(tài)增加和刪除li標(biāo)簽行的實例代碼
下面小編就為大家?guī)硪黄狫S實現(xiàn)動態(tài)增加和刪除li標(biāo)簽行的實例代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10