JavaScript でランダムな文字列を生成する
Kirill Ibrahim
2023年10月12日
この記事では、JavaScript でランダムな文字列を生成する複数の方法を紹介します。以下のすべてのメソッドには、マシンで実行できるコード例があります。
for ループを使ってランダム文字列を生成する
0 から 1 の間の乱数を生成するには、Math.random() メソッドを使用します。
Math.floor(Math.random() * charactersLength) は 0 から宣言された配列の長さの間の乱数を生成します。
必要な長さのランダム文字列を生成するには、for ループを用います。乱数文字は各繰り返しで生成されます。
例：
const generateRandomString =
(num) => {
const characters =
'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
let result1 = ' ';
const charactersLength = characters.length;
for (let i = 0; i < num; i++) {
result1 +=
characters.charAt(Math.floor(Math.random() * charactersLength));
}
return result1;
}
const displayRandomString =
() => {
let randomStringContainer = document.getElementById('random_string');
randomStringContainer.innerHTML = generateRandomString(8);
}
console.log(generateRandomString(5));
組み込みのメソッドを使って乱数文字列を生成する
ランダムな文字列を生成するには、以下の組み込み関数を用いることができます。
- ランダムな文字を生成するには
Math.random()メソッドを用います。 - メソッドは
[a-zA-Z0-9]を表すtoString(36)メソッドです。toString()については詳細を読んでください。 - 指定した文字数を返す
substring(startIndex, endIndex)メソッド。
例
const generateRandomString =
(num) => {
const characters =
'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
let result1 = Math.random().toString(36).substring(0, num);
return result1;
}
console.log(generateRandomString(7));