JavaScriptのforループをフローチャートで図解！仕組みと基本構文をわかりやすく解説

JavaScriptのforループとは？

JavaScriptにおける「for」ループは、同じ処理を繰り返し実行するための基本的な制御構造です。forループは主に3つの要素で構成されており、それぞれが明確な役割を持っています。

1. ループの初期化

まず最初にループの初期化が行われます。ここでは、カウンターとして使う変数に開始値を設定します。この初期化文は、ループ本体が始まる前に一度だけ実行されるのが特徴です。

2. 条件判定（テスト文）

次に条件判定が行われ、指定された条件が真（true）かどうかが評価されます。条件がtrueであれば、ループ内に記述されたコードが実行されます。一方、falseと評価された場合は、その時点でループを抜け、次の処理へと制御が移ります。

3. 反復処理（更新文）

ループ内の処理が完了すると、最後に反復処理が実行されます。ここではカウンターの値を増加（インクリメント）または減少（デクリメント）させます。その後、再び条件判定に戻り、条件がfalseになるまでこの一連の流れが繰り返されます。

forループの基本構文

for (初期化; 条件式; 更新処理) {
  // 繰り返し実行したい処理
}

具体的なコード例を見てみましょう。以下は、0から4までの数字をコンソールに出力するシンプルな例です。

for (let i = 0; i < 5; i++) {
  console.log(i); // 0, 1, 2, 3, 4 と出力される
}

forループのフローチャート

以下のフローチャートは、JavaScriptにおけるforループの処理の流れを視覚的に表したものです。「初期化 → 条件判定 → ループ内処理 → 反復処理」というサイクルがどのように回っているのかを確認することで、forループの動作原理がより深く理解できるでしょう。