JavaScript forループ
ループは、コードのブロックを何度も実行できます。
JavaScript ループ
毎回異なる値で同じコードを何度も実行したい場合、ループは便利です。
多くの場合、これは配列を操作する場合に当てはまります。
以下のコードを書く代わりに
以下のように書けます。
さまざまな種類のループ
JavaScriptはさまざまな種類のループをサポートしています。
for- コードのブロックを何度もループします。for/in- オブジェクトのプロパティをループします。for/of- 反復可能なオブジェクトの値をループします。while- 指定された条件が真である間、コードのブロックをループします。do/while- 指定された条件が真である間、コードのブロックをループします。
Forループ
forステートメントは、3つのオプション式でループを作成します。
式1コードブロックの実行前に(1回)実行されます。
式2コードブロックを実行するための条件を定義します。
式3コードブロックが実行された後に（毎回）実行されます。
上記の例から、次のことが読み取れます。
式1は、ループの開始前に変数を設定します(i=0とします)。
式2は、ループが実行される条件を定義します(iは5未満でなければなりません)。
式3は、ループ内のコードブロックが実行されるたびに値(i++)を増やします。
式1
通常、式1を使用して、ループで使用される変数を初期化します(let i=0)。
これは必ずしもそうではありません。JavaScriptは気にしません。式1はオプションです。
式1(カンマ区切り)で多くの値を開始できます。
例
また、式1を省略できます(ループの開始前に値が設定されている場合など)。
例
式2
多くの場合、式2は初期変数の条件を評価するために使用されます。
これは必ずしもそうではありません。JavaScriptは気にしません。式2もオプションです。
式2がtrueを返す場合、ループは最初からやり直されます。falseが返された場合、ループは終了します。
式2を省略する場合は、ループ内でbreakを指定する必要があります。そうしないとループが終了しません。これによりブラウザがクラッシュします。このチュートリアルの後の章でbreakについて読んでください。
式3
多くの場合、式3は初期変数の値をインクリメント(i++)します。
これは必ずしもそうではありません。JavaScriptは気にしません。式3はオプションです。
式3は、負のインクリメント(i--)、正のインクリメント(i = i + 15)、またはその他のようなものを実行できます。
式3も省略できます(ループ内で値をインクリメントする場合など)。
例
ループスコープ
ループ内でvarを使用する
ループ内でletを使用する
最初の例では、varを使用して、ループ内で宣言された変数がループの外の変数を再宣言します。
2番目の例では、letを使用して、ループ内で宣言された変数がループの外の変数を再宣言しません。
letを使用してループ内でi変数を宣言すると、i変数はループ内でのみ表示されます。
For/Of および For/Inループ
for/inループとfor/ofループについては次の章で説明します。
Whileループ
whileループとdo/whileは次の章で説明します。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。