JavaScriptのrepeat(count)：文字列を指定した回数だけ繰り返す
JavaScriptのrepeat(count)メソッドは、指定した回数だけ文字列を繰り返すために使用されます。このメソッドは非常にシンプルでありながら、多くの実用的なシナリオで役立ちます。
この記事では、repeat()メソッドの基本的な使い方、引数の詳細、そしてさまざまな応用例を紹介します。読者がこのメソッドの機能を完全に理解し、自分のプロジェクトに適用できるようになることを目指します。
repeat(count)メソッドの基本
repeat()メソッドは、元の文字列を指定された回数だけ繰り返した新しい文字列を作成します。
唯一の引数countは、繰り返す回数を指定します。この値は非負の整数でなければなりません。
文字列が空の場合やcountが0の場合、空の文字列が返されます。
基本的なrepeat()の使用例
以下は、repeat()メソッドを使って文字列を繰り返す基本的な例です。
ソースコード例
|
1 2 3 4 |
const str = "Hello "; const repeatedStr = str.repeat(3); console.log(repeatedStr); |
出力結果
Hello Hello Hello
サルモリ
「"Hello "を3回繰り返すと、"Hello Hello Hello "になるね！」
repeat()メソッドの実践的な使用例
repeat()メソッドは、視覚的なパターンの作成、文字列のフォーマット、アートワークの生成など、多くの場面で役立ちます。
テキストベースのグラフィックの作成
以下の例では、repeat()メソッドを使ってシンプルなテキストベースのグラフィックを作成しています。
ソースコード例
|
1 2 3 4 |
const line = "-".repeat(20); const box = `+${line}+\n|${" ".repeat(18)}|\n|${" ".repeat(18)}|\n+${line}+`; console.log(box); |
出力結果
+--------------------+
| |
| |
+--------------------+
サルモリ
「繰り返しを使って、枠線のあるボックスを作成したよ！」
文字列フォーマットの一貫性の確保
以下の例では、repeat()メソッドを使用して、文字列の長さを一定に保ちます。
ソースコード例
|
1 2 3 4 |
const names = ["Alice", "Bob", "Charlie"]; const formattedNames = names.map(name => name + " ".repeat(10 - name.length)); console.log(formattedNames.join("\n")); |
出力結果
Alice
Bob
Charlie
サルモリ
「それぞれの名前の後ろにスペースを追加して、すべての文字列を同じ長さにしたね！」
まとめ
JavaScriptのrepeat()メソッドは、文字列を指定回数繰り返すシンプルで効果的なツールです。このメソッドを適切に使用することで、テキストベースのグラフィックの作成、フォーマットの一貫性確保、視覚的なパターンの生成など、多岐にわたる用途があります。
最後まで読んで頂き、ありがとうございました。少しでもお役にたてたなら幸いです！
サルモリ
最後まで読んでくれてありがとう！！
