javascript創(chuàng)建含數(shù)字字母的隨機字符串方法總結(jié)

更新時間：2016年08月01日 15:06:31 投稿：daisy

如果想創(chuàng)建一個含有數(shù)字、字母（大小寫）或者符號的字符串，比如從[a-zA-Z0-9]集合中中創(chuàng)建一個隨機的字符串，長度為5.有沒有什么比較好的代碼呢？本文提供了幾種方法，包括自動改變字符集合。一起來學習下。

第一種：

//code from http://caibaojian.com/js-random-string.html
function makeid()
{
  var text = "";
  var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

  for( var i=0; i < 5; i++ )
    text += possible.charAt(Math.floor(Math.random() * possible.length));

  return text;
}

第二種：不需要輸入字符集合

function randomstring(L){
  var s= '';
  var randomchar=function(){
   var n= Math.floor(Math.random()*62);
   if(n<10) return n; //1-10
   if(n<36) return String.fromCharCode(n+55); //A-Z
   return String.fromCharCode(n+61); //a-z
  }
  while(s.length< L) s+= randomchar();
  return s;
}

alert(randomstring(5))

第三種：支持自定義字符長度和特征字符集合

function randomString(len, charSet) {
  charSet = charSet || 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  var randomString = '';
  for (var i = 0; i < len; i++) {
   var randomPoz = Math.floor(Math.random() * charSet.length);
   randomString += charSet.substring(randomPoz,randomPoz+1);
  }
  return randomString;
}

Call with default charset [a-zA-Z0-9] or send in your own:

var randomValue = randomString(5);

var randomValue = randomString(5, 'PICKCHARSFROMTHISSET');

演示截圖

以上就是javascript創(chuàng)建含數(shù)字字母的隨機字符串的三種方法總結(jié)，有需要的可以參考學習。

您可能感興趣的文章:

JavaScript深入理解節(jié)流與防抖
防抖和節(jié)流嚴格算起來應該屬于性能優(yōu)化的知識,但實際上遇到的頻率相當高,處理不當或者放任不管就容易引起瀏覽器卡死,下面這篇文章主要給大家介紹了關于JavaScript防抖與節(jié)流的實現(xiàn)與注意事項,需要的朋友可以參考下
2022-04-04
小程序?qū)崿F(xiàn)短信登錄倒計時
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)短信登錄倒計時，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-07-07
javaScript之split與join的區(qū)別(詳解)
下面小編就為大家?guī)硪黄猨avaScript之split與join的區(qū)別(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-11-11
javascript一些實用技巧小結(jié)
javascript一些實用技巧小結(jié)，學習js的朋友可以看下。
2011-03-03
layui內(nèi)置模塊layim發(fā)送圖片添加加載動畫的方法
今天小編就為大家分享一篇layui內(nèi)置模塊layim發(fā)送圖片添加加載動畫的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
8種js前端常見跨域解決方案
這篇文章主要為大家詳細介紹了在前端開發(fā)中,常見的跨域解決方案,文中的示例代碼講解詳細,具有一定的參考價值,有需要的小伙伴可以了解下
2023-09-09
表格展示利器 Bootstrap Table實例代碼
在表格導出數(shù)據(jù)中，發(fā)現(xiàn)設置了分頁參數(shù)，導出的數(shù)據(jù)僅為表格加載的分頁參數(shù)數(shù)據(jù)，于是，針對這樣的情況，通過設置分頁參數(shù)的值，使表格可以加載更多的數(shù)據(jù)，可達到導出所有數(shù)據(jù)的功能需求。下面通過本文給大家分享表格展示利器 Bootstrap Table
2017-09-09
js+html實現(xiàn)點名系統(tǒng)功能
這篇文章主要為大家詳細介紹了js+html實現(xiàn)點名系統(tǒng)功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-11-11
IE瀏覽器打印的頁眉頁腳設置解決方法
IE瀏覽器打印的頁眉頁腳設置解決方法
2009-12-12
JavaScript中this的用法及this在不同應用場景的作用解析
由于其運行期綁定的特性，JavaScript 中的 this 含義要豐富得多，它可以是全局對象、當前對象或者任意對象，這完全取決于函數(shù)的調(diào)用方式，這篇文章主要給大家介紹了JavaScript中this的用法及this在不同應用場景的作用解析，一起看看吧
2017-04-04