JavaScriptで乱数を使って文字列を固定長までパディングする方法

文字列処理を行っていると、「短い文字列を指定した長さまで埋めて（パディングして）返したい」というケースに出会うことがあります。本記事では、乱数を使って文字列の末尾を埋め、指定された固定長に揃える関数をJavaScriptで実装する方法を解説します。

要件の整理

まず、実装すべき関数 padString() の仕様を確認しましょう。

• 第1引数：パディング対象の文字列
• 第2引数：目標となる長さ（数値）
• 元の文字列の長さは、常に目標の長さ以下である
• 文字列の末尾にランダムな数字を追加し、長さがちょうど目標値と一致するようにする
• 最終的に新しい文字列を返す

実装コード

この問題は、再帰処理を使うと非常にシンプルに書くことができます。文字列の長さが目標に達していなければ、0〜9のランダムな数字を1つ生成して末尾に追加し、自分自身を再度呼び出します。

const padString = (str, len) => {
    if(str.length < len){
        const random = Math.floor(Math.random() * 10);
        return padString(str + random, len);
    };
    return str;
};
console.log(padString('abc', 10));
console.log(padString('QWERTY', 10));
console.log(padString('HELLO', 30));
console.log(padString('foo', 10));

実行結果

コンソールへの出力は以下のようになります。乱数を使用しているため、実行するたびに数字部分は変わります。

abc5189239
QWERTY2303
HELLO9332934005655101848049087
foo9039416

コードの解説

この関数の動作を順番に見ていきましょう。

1. 長さのチェック： str.length < len が true の場合、まだ目標の長さに達していないためパディングを続けます。
2. 乱数の生成： Math.random() は 0 以上 1 未満の小数を返すため、これに 10 を掛けて Math.floor() で切り捨てることで、0〜9 の整数を得られます。
3. 再帰呼び出し： 生成した数字を文字列の末尾に連結し、再び padString() を呼び出します。条件を満たすまでこれを繰り返します。
4. 完了時の返却： 文字列の長さが目標に達したら、その文字列をそのまま返します。

ループ版の代替実装

再帰ではなく、while ループを使って書くこともできます。深いネストを避けたい場合や、非常に大きな長差を扱う場合はこちらの方が安全です。

const padStringLoop = (str, len) => {
    let result = str;
    while(result.length < len){
        result += Math.floor(Math.random() * 10);
    }
    return result;
};

console.log(padStringLoop('abc', 10)); // 例: abc739102584

まとめ

Math.random() と再帰（またはループ）を組み合わせることで、文字列を目標の長さまでランダムな数字でパディングする関数を簡単に実装できました。IDの一時的なダミー生成やテストデータの作成など、さまざまな場面で応用できるテクニックです。