快捷導(dǎo)航

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

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

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

第一種：

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

第三種：支持自定義字符長(zhǎng)度和特征字符集合

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ù)字字母的隨機(jī)字符串的三種方法總結(jié)，有需要的可以參考學(xué)習(xí)。

您可能感興趣的文章:

相關(guān)文章

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