【JavaScript】for文の入れ子を理解したい！

プログラミング勉強日記

2020年11月26日
for文の入れ子の処理について学習したので、記録します。
間違えている自信しかないので、何かあればコメントください🙇

for文とは

指定された回数だけ繰り返し処理を行う命令です。
(for-Javascript | MDN)

書き方

for文.

for(初期化式; ループ継続条件式; 増減式) {
 ループ内で実行する命令
}

処理の流れ

1.初期化処理

2.条件判定

3.判定がtrueの場合、ループ内の処理実行、falseの場合、ループの終了

4.増減処理

5.3の判定がfalseになるまで繰り返し

(例) 変数iが10未満の間、コンソールに数値を出力

script.js

for (let i =0; i < 10; i ++) {
    console.log(i);
}

for文の入れ子

for文の中にfor文を書くことが可能です。

例

※わかりやすい例文が思いつかなかったので、許してください

script.js

for (let i =0; i < 2; i ++) {
        console.log('外側のループです');
        for(let n =0; n < 2 ; n ++) {
            console.log('内側のループです');
    }
}

処理の流れ

1.変数iに0を代入

2.条件判定( i < 2 )

3.コンソールに外側のループですと文字列を出力する

4.内側のループに入る

5.変数nに0を代入

6.条件判定( n < 2 )

7.コンソールに内側のループですと文字列を出力する

8.変数nに1を加算する( n ++ )

9.内側のループが終了すると、外側のループの変数iに1を加算する( i ++ )

10.外側のループが終わるまで繰り返す

結果