日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網(wǎng)為廣大站長(zhǎng)提供免費(fèi)收錄網(wǎng)站服務(wù),提交前請(qǐng)做好本站友鏈:【 網(wǎng)站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(wù)(50元/站),

點(diǎn)擊這里在線咨詢客服
新站提交
  • 網(wǎng)站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會(huì)員:747

JS生成由字母與數(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ù),不寫的話默認(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ù)不確定。怎樣來控制在一個(gè)范圍或者固定的位數(shù)呢?看下面的方法。

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

/** 隨機(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ù)寫法優(yōu)化

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

web前端開發(fā)學(xué)習(xí)Q-q-u-n: 767-273-102 ,分享學(xué)習(xí)的方法和需要注意的小細(xì)節(jié)

結(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碼生成組合

通過打印:

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

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

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

其實(shí)知道了這個(gè)我們就不需要寫那么長(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');
web前端開發(fā)學(xué)習(xí)Q-q-u-n: 767-273-102 ,分享學(xué)習(xí)的方法和需要注意的小細(xì)節(jié)

結(jié)果:

S0yIEsPj4Q
dff0d
Zx93g07ewD
22232

分享到:
標(biāo)簽:JS
用戶無頭像

網(wǎng)友整理

注冊(cè)時(shí)間:

網(wǎng)站:5 個(gè)   小程序:0 個(gè)  文章:12 篇

  • 51998

    網(wǎng)站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會(huì)員

趕快注冊(cè)賬號(hào),推廣您的網(wǎng)站吧!
最新入駐小程序

數(shù)獨(dú)大挑戰(zhàn)2018-06-03

數(shù)獨(dú)一種數(shù)學(xué)游戲,玩家需要根據(jù)9

答題星2018-06-03

您可以通過答題星輕松地創(chuàng)建試卷

全階人生考試2018-06-03

各種考試題,題庫(kù),初中,高中,大學(xué)四六

運(yùn)動(dòng)步數(shù)有氧達(dá)人2018-06-03

記錄運(yùn)動(dòng)步數(shù),積累氧氣值。還可偷

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

體育訓(xùn)練成績(jī)?cè)u(píng)定2018-06-03

通用課目體育訓(xùn)練成績(jī)?cè)u(píng)定