JavaScript如何生成隨機字母數(shù)字字符串扇雕?

如何使用javascript生成隨機字母數(shù)字字符串?下面本篇文章就來給大家介紹一下使用JavaScript生成隨機字母數(shù)字字符串的方法兽肤,希望對大家有所幫助。

原文地址:JavaScript如何生成隨機字母數(shù)字字符串绪抛?

方法一:Math.random()方法和Math.floor()方法

● 創(chuàng)建一個函數(shù)资铡,該函數(shù)有兩個參數(shù),一個參數(shù)是我們想要生成的字符串的長度幢码,另一個參數(shù)是我們想要在字符串中顯示的字符笤休。

● 聲明新變量ans = ' '。

● 使用for循環(huán)以相反的順序遍歷字符串症副。

● 使用JavaScript的Math.random()方法生成隨機字符串店雅。

● 使用JavaScript的Math.floor()方法將其四舍五入并添加到ans中。

示例:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body style="text-align:center;" id="body">

<p id="UP" style="font-size: 19px; font-weight: bold;"></p>

<button onClick="Fun()">點擊這里</button>

<p id="DOWN" style="color: green; font-size: 24px; font-weight: bold;"></p>

<script>

var up = document.getElementById('UP');

var down = document.getElementById('DOWN');

up.innerHTML =

'單擊按鈕瓦糕,生成隨機字母數(shù)字字符串';

function randomStr(len, arr) {

var ans = '';

for(var i = len; i > 0; i--) {

ans +=

arr[Math.floor(Math.random() * arr.length)];

}

return ans;

}

function Fun() {

down.innerHTML = randomStr(20, '12345abcde');

}

</script>

</body>

</html>

輸出:

方法二:Math.random()+toString()+slice()方法

● 首先使用Math.random()方法生成一個隨機數(shù)底洗。

● 使用JavaScript toString(36)將其轉(zhuǎn)換為基數(shù)36(26個字符+ 0到9),這也是一個字母數(shù)字字符串咕娄。

● 使用JavaScript string.slice()方法獲取從位置2開始的字符串部分亥揖。

示例:首先生成一個隨機數(shù)(0-1),然后使用toString(36)方法將其轉(zhuǎn)換為以36為基數(shù)的字符串圣勒,該字符串也是字母數(shù)字字符串费变。

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body style="text-align:center;" id="body">

<p id="UP" style="font-size: 19px; font-weight: bold;"></p>

<button onClick="GFG_Fun()">點擊這里</button>

<p id="DOWN" style="color: green; font-size: 24px; font-weight: bold;"></p>

<script>

var up = document.getElementById('UP');

var down = document.getElementById('DOWN');

up.innerHTML =

'單擊按鈕,生成隨機字母數(shù)字字符串';

function GFG_Fun() {

down.innerHTML =

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

}

</script>

</body>

</html>

輸出:

更多編程知識可以關(guān)注php中文網(wǎng)圣贸。

推薦閱讀:

php服務(wù)器

php5下載

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末挚歧,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子吁峻,更是在濱河造成了極大的恐慌滑负,老刑警劉巖在张,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異矮慕,居然都是意外死亡帮匾,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進店門痴鳄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來瘟斜,“玉大人,你說我怎么就攤上這事痪寻÷菥洌” “怎么了?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵橡类,是天一觀的道長蛇尚。 經(jīng)常有香客問我,道長猫态,這世上最難降的妖魔是什么佣蓉? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮亲雪,結(jié)果婚禮上勇凭,老公的妹妹穿的比我還像新娘。我一直安慰自己义辕,他們只是感情好虾标,可當(dāng)我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著灌砖,像睡著了一般璧函。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上基显,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天蘸吓,我揣著相機與錄音,去河邊找鬼撩幽。 笑死库继,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的窜醉。 我是一名探鬼主播宪萄,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼榨惰!你這毒婦竟也來了拜英?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤琅催,失蹤者是張志新(化名)和其女友劉穎居凶,沒想到半個月后虫给,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡排监,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年狰右,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片舆床。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖嫁佳,靈堂內(nèi)的尸體忽然破棺而出挨队,到底是詐尸還是另有隱情,我是刑警寧澤蒿往,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布盛垦,位于F島的核電站,受9級特大地震影響瓤漏,放射性物質(zhì)發(fā)生泄漏腾夯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一蔬充、第九天 我趴在偏房一處隱蔽的房頂上張望蝶俱。 院中可真熱鬧,春花似錦饥漫、人聲如沸榨呆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽积蜻。三九已至,卻和暖如春彻消,著一層夾襖步出監(jiān)牢的瞬間竿拆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工宾尚, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留丙笋,地道東北人。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓央勒,卻偏偏與公主長得像不见,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子崔步,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,490評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 一稳吮、JS前言 (1)認(rèn)識JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示)井濒,會使用HT...
    凜0_0閱讀 2,755評論 0 8
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,216評論 0 4
  • 字符串的概念和定義 字符串就是一串字符灶似,由雙(單)引號括起來列林。 字符串是 JavaScript的一種基本的數(shù)據(jù)類型...
    fa54021d36e2閱讀 1,359評論 0 0
  • 第1章 認(rèn)識JS JavaScript能做什么?1.增強頁面動態(tài)效果(如:下拉菜單酪惭、圖片輪播希痴、信息滾動等)2.實現(xiàn)...
    mo默22閱讀 1,250評論 0 5
  • Comment your JavaScript Code JavaScript中的注釋方式有以下兩種: 使用 //...
    歸云丶閱讀 1,097評論 0 0