【JavaScript】文字列を指定した数だけ繰り返した文字列を取得できるrepeatメソッドについて解説します

こんにちは。たいら(@tairaengineer2)です。
転職を繰り返し現在4社経験している、11年目エンジニアです。

この記事では、 JavaScriptで文字列を指定した数だけ繰り返した文字列を取得できるrepeatメソッドについて

  • repeatメソッドとは
  • repeatメソッドを使ったサンプルプログラム

と、丁寧に解説していきます。

前提条件:実行環境について

実行環境は以下の通りです。

OS Windows10

repeatメソッドとは

repeatメソッドとは、呼び出している文字列を引数で指定している数だけ繰り返した文字列を返すメソッドです。
使い方サンプルは以下です。

変数resultには

という文字列が返されます。

注意点としまして、repeatメソッドに指定する引数は0以上である必要があります。
たとえば

と負の整数を指定した場合
JavaScriptのrepeatメソッドを解説

というエラーになります。

では、次の章で実際に使ってみます。

repeatメソッドを解説するプログラムの概要

repeatメソッドを解説するプログラムでは、

  • HTML
  • JavaScript

の2ファイルを使います。

repeatメソッドの引数に

  • 0を指定した場合
  • 10を指定した場合

でどんな文字列が返されるかをHTMLに表示させます。

フォルダ構成は以下のようになっています。
repeatメソッドを解説するフォルダ構成

HTMLサンプルプログラム

HTMLで外部のJavaScriptを読み込むやり方は、以下の記事をご参考ください。

JavaScriptサンプルプログラム

  • getElementByIdメソッド
  • innerHTMLプロパティ

については、こちらの記事をご参考ください。

実行結果

作成したHTMLをブラウザで開きます。
JavaScriptのrepeatメソッドを解説

repeatメソッドに指定した引数の数だけ文字列が繰り返されていることが確認できました。

まとめ:repeatメソッドを使ってみよう

以上がJavaScriptのrepeatメソッドについての解説でした!

あなたのご参考になったのなら、とても嬉しいです(*´▽`*)
ではでは~(・ω・)ノシ

コメント

タイトルとURLをコピーしました