這篇文章主要介紹JS怎么實(shí)現(xiàn)生成由字母與數(shù)字組合的隨機(jī)字符串功能，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

銅川網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)公司2013年開(kāi)創(chuàng)至今到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。

js有什么特點(diǎn)

1、js屬于一種解釋性腳本語(yǔ)言；2、在絕大多數(shù)瀏覽器的支持下，js可以在多種平臺(tái)下運(yùn)行，擁有著跨平臺(tái)特性；3、js屬于一種弱類(lèi)型腳本語(yǔ)言，對(duì)使用的數(shù)據(jù)類(lèi)型未做出嚴(yán)格的要求，能夠進(jìn)行類(lèi)型轉(zhuǎn)換，簡(jiǎn)單又容易上手；4、js語(yǔ)言安全性高，只能通過(guò)瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互，從而有效地防止數(shù)據(jù)的丟失；5、基于對(duì)象的腳本語(yǔ)言，js不僅可以創(chuàng)建對(duì)象，也能使用現(xiàn)有的對(duì)象。

本文實(shí)例講述了JS實(shí)現(xiàn)生成由字母與數(shù)字組合的隨機(jī)字符串功能。分享給大家供大家參考，具體如下：

在項(xiàng)目中可能需要隨機(jī)生成字母數(shù)字組成的字符，如生成3-32位長(zhǎng)度的字母數(shù)字組合的隨機(jī)字符串（位數(shù)不固定）或者生成43位隨機(jī)字符串（位數(shù)固定）

使用Math.random()與toString()方法的結(jié)合

先看一下這個(gè)方式：

Math.random().toString(36);

結(jié)果：

0.9kfiead48n

toString后的參數(shù)規(guī)定可以是2-36之間的任意整數(shù)，不寫(xiě)的話(huà)默認(rèn)是10（也就是十進(jìn)制），此時(shí)返回的值就是那個(gè)隨機(jī)數(shù)。

若是偶數(shù)，返回的數(shù)值字符串都是短的，若是奇數(shù)，則返回的將是一個(gè)很大長(zhǎng)度的表示值。
若<10 則都是數(shù)字組成，>10 才會(huì)包含字母。

所以如果想得到一長(zhǎng)串的隨機(jī)字符，則需使用一個(gè) > 10 且是奇數(shù)的參數(shù)。但是由于返回的是小數(shù)點(diǎn)，所以需要截取，可以使用slice(2) 。這兒使用substr()方法。如下：

Math.random().toString(36).substr(2);

結(jié)果：

p3bz2xrzsam

但是上面的方式只是隨機(jī)了，位數(shù)不確定。怎樣來(lái)控制在一個(gè)范圍或者固定的位數(shù)呢？看下面的方法。

常規(guī)的函數(shù)寫(xiě)法

/** 隨機(jī)生成固定位數(shù)或者一定范圍內(nèi)的字符串?dāng)?shù)字組合
 * @param {Number} min 范圍最小值
 * @param {Number} max 范圍最大值，當(dāng)不傳遞時(shí)表示生成指定位數(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ù)寫(xiě)法優(yōu)化

想想上面的arr這樣寫(xiě)太繁瑣，也可以寫(xiě)成字符串的形式,實(shí)現(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

擴(kuò)展：從指定的字符串生成組合

/** 隨機(jī)生成固定位數(shù)或者一定范圍內(nèi)的字符串?dāng)?shù)字組合
 * @param {Number} min 范圍最小值
 * @param {Number} max 范圍最大值，當(dāng)不傳遞時(shí)表示生成指定位數(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

進(jìn)一步優(yōu)化，不傳遞參數(shù)，默認(rèn)生成指定位數(shù)的字符串組合

/** 隨機(jī)生成固定位數(shù)或者一定范圍內(nèi)的字符串?dāng)?shù)字組合
 * @param {Number} min 范圍最小值
 * @param {Number} max 范圍最大值，當(dāng)不傳遞時(shí)表示生成指定位數(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碼生成組合

通過(guò)打印：

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

常見(jiàn)字符對(duì)應(yīng)的ASCII碼

a-z 97-122
A-Z 65-90
0-9 45-57

其實(shí)知道了這個(gè)我們就不需要寫(xiě)那么長(zhǎng)的charStr字符串

/** 隨機(jī)生成固定位數(shù)或者一定范圍內(nèi)的字符串?dāng)?shù)字組合
 * @param {Number} min 范圍最小值
 * @param {Number} max 范圍最大值，當(dāng)不傳遞時(shí)表示生成指定位數(shù)的組合
 * @param {String} charStr指定的字符串中生成組合
 * @returns {String} 返回字符串結(jié)果
 * */
function randomRange(min, max, charStr){
 var returnStr = "", //返回的字符串
  range; //生成的字符串長(zhǎng)度
 //隨機(jī)生成字符
 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

以上是“JS怎么實(shí)現(xiàn)生成由字母與數(shù)字組合的隨機(jī)字符串功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享標(biāo)題：JS怎么實(shí)現(xiàn)生成由字母與數(shù)字組合的隨機(jī)字符串功能
鏈接地址：http://www.chinadenli.net/article6/isjcig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、外貿(mào)建站、品牌網(wǎng)站設(shè)計(jì)、全網(wǎng)營(yíng)銷(xiāo)推廣、軟件開(kāi)發(fā)、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)