ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript でネストされた for ループを使用するにはどうすればよいですか?

JavaScript でネストされた for ループを使用するにはどうすればよいですか?

WBOY
WBOY転載
2023-09-05 10:45:02946ブラウズ

JavaScript でネストされた for ループを使用するにはどうすればよいですか?

JavaScript の for ループ ステートメントを使用して、ループ本体内の一連のステートメントを指定された回数繰り返します。ネストされた for ループは、その名前が示すように、複数の for ループで構成され、1 つのループが別のループの中にネストされています。これにより、行列などの多次元データ構造をループできるようになります。

JavaScript のネストされた for ループ

単純な for ループは、初期化値と終了条件に基づいて、指定された回数だけ実行されます。一方、ネストされた for ループでは、外側の for ループの内側に 1 つ以上の for ループが存在します。

###文法### リーリー

これにより、

limit

回実行される単純な for ループが作成されます。これは、ループ本体内のステートメントを limited 回実行することを意味します。 ネストされたループでは、for ループ本体のステートメントは別の for ループになります。これにより、内側の for ループが外側の for ループの反復ごとに実行されます。

リーリー

この例の内側ループは、外側ループの反復ごとに

limit

回実行されます。したがって、ループは合計 limit x limit 回実行されます。 2 つのループの初期化値、終了条件、ループ変数の更新は互いに独立しています。

例を通して、ネストされた for ループがどのように機能するかを見てみましょう。

例 1

ここでは、ネストされた for ループを使用して、「

#」2 次元行列を作成します。 同じコードを見てみましょう。

うわー 上記のコードでは、行数と列数の入力を取得し、ネストされたループを使用して指定された行列を作成します。

、外側のループの終了条件は行列の行数を決定し、内側のループの終了条件は行列の列数を決定します。 ループのパラメーター (初期値、終了条件、更新) を調整し、ネストされたループを使用して、ほぼすべてのタイプのネストされたトラバーサルを実装できます。

ネストされたループを使用してピラミッドを出力する方法を見てみましょう。

例 2

ここでは、* 記号とユーザーが指定した高さを使用してピラミッドを作成します。同じコードを見てみましょう。

リーリー

上記のコードでは、出力に示されているように、ループ パラメーターを変更した後、さまざまな走査パターンを視覚化できます。

プログラムの外側のループ (ループ 1) は、ピラミッドの高さを決定します。最初の内側ループ (ループ 2) は、各行の先頭にあるスペース文字の数を決定します。 2 番目の内側のループ (ループ 3) は、現在の反復でピラミッドの高さと同じ数の * 文字を出力します。 ###結論は### ネストされたループは、広く使用され、頻繁に使用される非常に便利な構造です。

以上がJavaScript でネストされた for ループを使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。