JavaScriptで文字列を繰り返し出力したい場合、`repeat()`メソッドを使用すると簡単に実装できます。この記事では、`repeat()`メソッドの基本的な使い方から実践的な例まで解説します。

repeat()メソッドの基本的な使い方

`repeat()`メソッドは、文字列を指定した回数だけ繰り返す方法を提供します。構文は以下の通りです：

文字列.repeat(繰り返し回数);

基本的な例

const text = "Hello";
console.log(text.repeat(3)); // 出力: HelloHelloHello

実践的な使用例

1. 装飾線の作成

const line = "-".repeat(20); // 20個のハイフンを作成
console.log(line); // 出力: --------------------

2. インデント作成

const indent = " ".repeat(4); // 4つのスペースでインデント
console.log(indent + "テキスト"); // 出力:     テキスト

注意点と制限事項

1. 負の数は使用不可

"abc".repeat(-1); // RangeError: Invalid count value

2. 小数点は切り捨て

"abc".repeat(3.7); // 出力: abcabcabc

3. メモリ制限

// 大きすぎる数値を指定するとエラー
"abc".repeat(1000000000); // RangeError

代替方法

`repeat()`メソッドが使えない環境での代替方法を紹介します：

// Array(n + 1).join()を使用する方法
const text = "Hello";
const repeated = new Array(4).join(text); // HelloHelloHello

// forループを使用する方法
let result = '';
for (let i = 0; i < 3; i++) {
    result += text;
}

まとめ

  • `repeat()`メソッドは文字列を簡単に繰り返し出力できる
  • 引数には正の整数を指定する
  • 装飾やフォーマットに便利
  • ブラウザの互換性も良好

この方法を使えば、文字列の繰り返し処理を効率的に実装できます。特にUIの装飾や整形に役立つ便利なメソッドです。

JavaScript #プログラミング #文字列操作