1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Posted at

#プログラミング勉強日記
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.外側のループが終わるまで繰り返す

##結果
スクリーンショット 2020-11-26 9.32.59.jpg

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?