この記事では、JavaScript で何かを繰り返すさまざまな方法について説明します。
JavaScript で何かを繰り返すにはどうすればよいですか?
JavaScript では次の方法で文字列を繰り返すことができます。
それぞれの方法を詳しく見てみましょう。
方法 1: While ループを使用して JavaScript で何かを繰り返す
「 その間 」は、指定された条件下で繰り返し実行される JavaScript の制御フロー ステートメントです。条件は各反復の前に調べられます。 while ループは、条件が正確になるまで実行されます。条件が false になると、ループの実行が停止します。次のコードは、while ループを使用した JavaScript での繰り返しプロセスを示しています。
DOCTYPE html >
< html >
< 脚本 >
機能リピート ( 文字列、カウント ) {
rpt_Str にしましょう = 「」 ;
その間 ( カウント > 0 ) {
rpt_Str += str ;
カウント --;
}
戻る rpt_Str ;
}
書類。 書く ( 繰り返す ( 「テイラー」 、 6 ) ) ;
脚本 >
html >
上の例では:
- 関数repeat()は、パラメータ「str」および「count」を使用してscriptタグ内に定義されています。
- 次に、空の文字列「rpt_str」を定義し、カウントが 0 より大きいままであるという条件で while ループを開始しました。
- 「rpt_str」には「str」値が含まれており、条件が true でなくなるまで while ループが動作します。この場合、カウント値は 6 なので、文字列は 6 回出力されます。
出力
文字列「TAYLOR」は、次のカウントに等しい 6 回繰り返されます。
方法 2: ES6repeat() を使用して JavaScript で何かを繰り返す
ES6 繰り返す() JavaScript で文字列を繰り返すために使用できます。呼び出すと、特定の重複を含む文字列が返されます。以下は、repeat() を使用して文字列を繰り返す方法を示すコードの例です。
DOCTYPE html >< html >
< 脚本 >
関数 rpt_str ( 文字列、カウント ) {
もし ( カウント > 0 )
戻る str. 繰り返す ( カウント ) ;
それ以外
戻る 「」 ;
}
書類。 書く ( rpt_str ( 「JavaScript」 、 5 ) ) ;
脚本 >
html >
上記のコードでは、
- 関数「rpt_str()」はパラメータ str と count で定義されます。
- str 値は「JavaScript」として割り当てられ、count に割り当てられた値に従って繰り返されます。
出力
この例では、count に割り当てられた値は 5 なので、repeat() 関数は JavaScript を 5 回繰り返します。
方法 3: 再帰を使用して JavaScript で何かを繰り返す
再帰により、関数は、望ましい結果が得られない限り、それ自体を繰り返し呼び出すことができます。再帰では、再帰を終了するにはプライマリ/ベース ケースを指定する必要があります。通常、これは条件節内にあります。再帰関数は、目的の結果が得られるまでそれ自体を繰り返し呼び出すことによって動作します。次の例は、JavaScript で繰り返しを行うための再帰メソッドを理解するのに役立ちます。
! DOCTYPE html >< html >
< 脚本 >
関数 rpt_str ( 文字列、カウント ) {
もし ( カウント < 0 )
戻る 「」 ;
もし ( カウント === 1 )
戻る str ;
それ以外
戻る str + rpt_str ( 文字列、カウント - 1 ) ;
}
書類。 書く ( rpt_str ( 「コード」 、 7 ) ) ;
脚本 >
html >
上記のコードでは次のようになります。
- 関数「rpt_str()」はパラメータ「str」と「count」で定義されています。
- count の値が 0 未満の場合は、空の文字列が返されます。 count の値が 1 の場合、関数は str を返し、str の値が 1 より大きい場合、関数は str の入力値と rpt_str(str, count – 1) の結果を連結します。
- ここで、str の値は「CODE」、count の値は 7 であるため、繰り返される文字列は CODE を 7 回出力します。
出力:
方法 4: fill() 関数を使用して JavaScript で何かを繰り返す
JavaScript が提供するのは、 埋める() このメソッドを使用すると、配列に静的な値を入れることができます。 join() 関数と一緒に使用すると、JavaScript で何かを繰り返すことができます。たとえば、fill() 関数を使用して文字列値を空の配列に挿入し、join() 関数で結合して繰り返し文字列を取得できます。以下は、fill() 関数を使用して文字列を繰り返す方法を示すコードの例です。
< html >< 体 >
< 脚本 >
strをさせてください = ' フロントエンド '
rpt_str にしましょう = 配列 ( 5 ) 。 埋める ( str ) 。 参加する ( 「」 )
書類。 書く ( rpt_str ) ;
脚本 >
体 >
html >
上の例では:
- 変数 str が定義され、値「 FRONTEND 」が割り当てられます。
- 関数 Array(5) は 5 つのスロットを作成し、そこに文字列が埋められ、結合されて繰り返し文字列が形成されます。値は変数「rpt_str」に格納されます。
- document.write(rpt_str) は、繰り返された文字列を出力します。
出力
コードを実行すると、文字列「FRONTEND」が 5 回繰り返されます。
これは、さまざまなメソッドを使用して JavaScript で何かを繰り返すことについてのすべてです。
結論
JavaScript で何かを繰り返す通常の方法は、要素の反復回数を示す指定されたパラメーターを取る ES6repeat() 関数を使用することです。その他の方法としては、while ループ、再帰関数、fill() メソッドの使用などがあります。この記事では、JavaScript で何かを繰り返すさまざまな方法を例とともに説明します。