如何使用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)圣贸。
推薦閱讀: