JavaScriptで文字列を特定の回数だけ繰り返す方法

JavaScriptでは、文字列と数値を引数として受け取り、その文字列を指定された回数だけ繰り返した新しい文字列を返す関数を書くことが求められるケースがあります。本記事では、その実装方法をわかりやすく解説します。

問題の概要

ここで必要なのは、次のような仕様を持つJavaScript関数です。

• 第1引数に文字列、第2引数に繰り返し回数（数値）を受け取る
• 入力文字列を第2引数で指定された回数だけ繰り返す
• 繰り返した結果の新しい文字列を返す

実装例

以下は、ループ処理を使って文字列を繰り返すコード例です。

const str = 'this';
const num = 8;

const repeatSpecificTimes = (str = '', num = 1) => {
    const arr = [str];
    let i = 1;
    while (i < num) {
        arr.push(arr[0]);
        i++;
    }
    return arr.join('');
};

console.log(repeatSpecificTimes(str, num));

出力結果

thisthisthisthisthisthisthisthis

コードの解説

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

1. まず、初期値として元の文字列を格納した配列 arr を作成します。
2. 変数 i をカウンターとして使い、num 回に達するまで while ループで同じ文字列を配列に追加していきます。
3. 最後に join('') を使って配列の要素をすべて連結し、1つの文字列として返します。

デフォルト引数として空文字と1を設定しているため、引数が省略された場合でもエラーにならず安全に動作する点がポイントです。

よりシンプルな代替手段：String.prototype.repeat()

実際の開発では、ES6で導入された標準メソッド String.prototype.repeat() を使うのが最も簡単で効率的です。

const str = 'this';
const num = 8;

console.log(str.repeat(num));
// 出力: thisthisthisthisthisthisthisthis

repeat() メソッドは負の数が渡されるとエラーをスローし、0が渡されると空文字を返すため、意図しない挙動も防げます。特別な理由がない限り、こちらの組み込みメソッドを使用することをおすすめします。

まとめ

文字列を指定回数だけ繰り返す処理は、ループと配列を組み合わせて自前で実装することもできますが、String.prototype.repeat() を使えば1行で簡潔に記述できます。学習目的で自作する場合も、実際のコードでは標準メソッドを活用すると可読性とパフォーマンスの両面でメリットがあります。