【JavaScript】文字列を指定した回数だけ繰り返す方法

JavaScriptを使用して、指定した回数だけ文字列を繰り返す方法は、さまざまなシナリオで便利です。この記事では、そのような方法をいくつか紹介します。必要に応じて、適切な方法を選択して文字列を繰り返す際に活用しましょう。

スポンサーリンク

forループを使用する方法

forループを使用して、指定した回数だけ文字列を繰り返します。

function repeatString(string, times) {
    let repeatedString = "";
    for (let i = 0; i < times; i++) {
        repeatedString += string;
    }
    return repeatedString;
}

let originalString = "Hello ";
let repeatedString = repeatString(originalString, 3);
console.log(repeatedString); // 出力: "Hello Hello Hello "

Array.prototype.join() メソッドを使用する方法

Array.prototype.join() メソッドを使用して、指定した回数だけ文字列を繰り返します。

function repeatString(string, times) {
    return new Array(times + 1).join(string);
}

let originalString = "Hello ";
let repeatedString = repeatString(originalString, 3);
console.log(repeatedString); // 出力: "Hello Hello Hello "

ES6のString.prototype.repeat() メソッドを使用する方法

ES6のString.prototype.repeat() メソッドを使用して、指定した回数だけ文字列を繰り返します。

let originalString = "Hello ";
let repeatedString = originalString.repeat(3);
console.log(repeatedString); // 出力: "Hello Hello Hello "

これらの方法を使用して、指定した回数だけ文字列を繰り返すことができます。適切な方法を選択し、必要なときに文字列の繰り返しを行いましょう。

よくある質問（FAQ）

Q. JavaScriptで文字列を指定した回数繰り返すには？
A. repeat()メソッドを使います。例：”abc”.repeat(3)は”abcabcabc”を返します。Array(n).fill(“x”).join(“”)でも同様の結果が得られますが、repeat()の方が明確です。
Q. 配列の要素を指定回数繰り返す処理をするには？
A. flat()とfill()を組み合わせるか、Array.from({length: n}, () => items).flat()でn回繰り返した配列を作れます。reduce()でも実装できます。
Q. 文字列のパターンをn回繰り返してHTMLを生成するには？
A. repeat()またはArray.from({length: n}).map(fn).join(“”)でn回の文字列を生成できます。テンプレートリテラルと組み合わせると可読性が上がります。

まとめ

JavaScriptで文字列を指定した回数繰り返す方法を紹介しました。
forループを使用する方法やArray.prototype.join() メソッド、そしてES6のString.prototype.repeat() メソッドを使用する方法があります。状況に応じて適切な方法を選択し、柔軟に文字列を繰り返すことができるようにしましょう。