欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能詳解

 更新時間：2018年05月25日 14:56:56   作者：風雨后見彩虹  
這篇文章主要介紹了JS實現(xiàn)生成由字母與數(shù)字組合的隨機字符串功能,結合實例形式詳細分析了JavaScript生成隨機字符串的方法及相關優(yōu)化操作技巧,需要的朋友可以參考下

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

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

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

先看一下這個方式：

Math.random().toString(36);

結果：

0.9kfiead48n

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

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

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

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

結果：

p3bz2xrzsam

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

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

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

結果：

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);

結果：

Jpjtfe4S7aOSUAiGuYwK
n1mR5bDNf4jRBfM
j6HaBH7fZl
KbbHNw8V4Y

擴展：從指定的字符串生成組合

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

結果：

La2vVO4jrXZlHVLBs8b5K
1bc0cd1
ae888oluQX
32232

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

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

結果：

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

常見字符對應的ASCII碼

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

其實知道了這個我們就不需要寫那么長的charStr字符串

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

結果：

S0yIEsPj4Q
dff0d
Zx93g07ewD
22232

參考文章

http://www.dbjr.com.cn/article/140850.htm

PS：這里再為大家提供兩款相關在線工具供大家參考使用：

在線隨機數(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

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript數(shù)組操作技巧總結》、《JavaScript排序算法總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調(diào)試技巧總結》

希望本文所述對大家JavaScript程序設計有所幫助。

相關文章

  • JS實現(xiàn)復制內(nèi)容到剪貼板功能

    JS實現(xiàn)復制內(nèi)容到剪貼板功能

    本文主要介紹了JS實現(xiàn)復制內(nèi)容到剪貼板功能的步驟方法，可兼容所有PC瀏覽器，不兼容手機端。具有一定的參考價值，下面跟著小編一起來看下吧
    2017-02-02
  • Javascript的IE和Firefox兼容性匯編

    Javascript的IE和Firefox兼容性匯編

    Javascript的IE和Firefox兼容性匯編...
    2006-07-07
  • JS module的導出和導入的實現(xiàn)代碼

    JS module的導出和導入的實現(xiàn)代碼

    這篇文章主要介紹了JS module的導出和導入的實現(xiàn)代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2019-02-02
  • JS實現(xiàn)動態(tài)增加和刪除li標簽行的實例代碼

    JS實現(xiàn)動態(tài)增加和刪除li標簽行的實例代碼

    下面小編就為大家?guī)硪黄狫S實現(xiàn)動態(tài)增加和刪除li標簽行的實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10
  • 微信小程序progress組件使用詳解

    微信小程序progress組件使用詳解

    這篇文章主要為大家詳細介紹了微信小程序progress組件的使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2018-01-01
  • Swiper.js實現(xiàn)移動端元素左右滑動

    Swiper.js實現(xiàn)移動端元素左右滑動

    這篇文章主要為大家詳細介紹了Swiper.js實現(xiàn)移動端元素左右滑動 ，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2019-09-09
  • Javascript中作用域的詳細介紹

    Javascript中作用域的詳細介紹

    這篇文章主要為大家詳細介紹了Javascript中的作用域，具有一定的參考價值，感興趣的朋友可以參考一下
    2016-10-10
  • element中的$confirm的使用

    element中的$confirm的使用

    這篇文章主要介紹了element中的$confirm的使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
    2020-04-04
  • ES6中的箭頭函數(shù)實例詳解

    ES6中的箭頭函數(shù)實例詳解

    這篇文章主要介紹了ES6中的箭頭函數(shù),結合實例形式詳細分析了ES6中箭頭函數(shù)的基本語法、特性、使用方法與相關注意事項,需要的朋友可以參考下
    2017-04-04
  • js面向對象方式實現(xiàn)拖拽效果

    js面向對象方式實現(xiàn)拖拽效果

    這篇文章主要為大家詳細介紹了js面向對象方式實現(xiàn)拖拽效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2021-03-03

最新評論