JavaScript の for ループと二重 for ループの詳細な説明

forループ

for ループは配列の要素をループします。

文法：

for (初期化変数; 条件式; 繰り返し文) {
実行されるコードブロック。
}

初期化変数: 一般的に、ループ変数を初期化して値を割り当てるために使用されます。
条件式: ループ条件として、比較演算子を含む式を使用して、ループ変数の境界を制限します。ループ変数の値が制限を超えると、ループ文の実行は停止されます。
反復ステートメント: ループ変数の値を変更するために使用され、通常はループ変数の値を増減することでループの数を制御します。

Forループの実行順序:

// 1. 変数を宣言します。
// 2. ループ実行条件を決定します。
// 3. コードブロックの実行;
// 4. 変数の増分;

例: 1から100までの偶数の合計を求める

変数番号=0
    for(var i=0;i<=100;i+=2){ //i+=2はi=i+2を意味します
      数値 +=i         
    }
    console.log("偶数の合計: "+num)

二重 for ループ

ネストされたループとは、ループステートメント内に別のループステートメントを定義する文法構造を指します。たとえば、for ループステートメントでは、別の for ループをネストできます。このような for ループステートメントを二重 for ループと呼びます。

文法：

for (外側の初期化変数; 外側の条件式; 外側の反復文) {
for (内部初期化変数; 内部条件式; 内部反復文) {
実行されるコードブロック。
}
}

内側のループは外側のループの実行文とみなすことができます
外側のループは1回実行され、内側のループはすべてを実行します。

二重の for ループの本質は次のとおりです。

外側の for ループはループの高さ (行数) を制御します。
内側の for ループはループの幅 (列数) を制御します。

例: 掛け算表を出力する

 (var i= 0; i <= 9; i++){
     (var aa = 1; aa <i+1; aa++){
       document.write(aa+"*"+i+"="+i*aa);
     }
     document.write("<br />");
   }

より美しくするために、いくつかのスタイルを追加することができます（span要素を追加して本文の幅を定義し、span要素をインラインブロック要素に変更し、固定幅を設定します）

<ヘッド>
<スタイル> 本文{
    幅:2000ピクセル;
  }
  スパン{
    表示:インラインブロック;
    幅:80ピクセル;
  } </スタイル>
</head>
<本文> 
<スクリプト> for(var i= 0; i <= 9; i++){
     for(var aa = 1; aa <i+1; aa++){ document.write("<span>"+aa+"*"+i+"="+i*aa+"</span>");
     }
     document.write("<br />");
   } </スクリプト>
</本文>

要約する

これで、JavaScript の for ループと二重 for ループに関するこの記事は終了です。JavaScript の二重 for ループの詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: