制御構文（条件分岐とループ）

仕組み：3つの基本要素

コードは何もしなければ上から下へ1行ずつ実行されます（順次）。制御構文は、この流れに「枝分かれ」と「繰り返し」を加えるためのキーワードです。

構造化プログラミングの基本定理として、この3つさえあればどんなアルゴリズムも書けることが知られています（Böhm–Jacopini の定理）。goto のような「好きな場所へ飛ぶ」命令が不要なのは、このためです。

真偽値と条件

分岐や反復の「条件」は、最終的に真偽値（boolean）＝ true か false のどちらかに評価されます。

const age = 20;
if (age >= 18) {     // age >= 18 は true に評価される
  console.log("成人");
} else {
  console.log("未成年");
}

分岐：if / else と switch

枝が2〜3本なら if / else if / else、1つの値を多くの候補と比べるなら switch が読みやすくなります。

// switch：1つの値（day）を複数の候補と照合
switch (day) {
  case "Sat":
  case "Sun":
    return "週末";
  default:
    return "平日";
}

反復：for / while / foreach

繰り返しの書き方は、おおむね3系統に分かれます。

# foreach：要素そのものを順番に取り出す（インデックス管理が不要）
for name in ["Alice", "Bob", "Carol"]:
    print(name)

foreach 系はインデックスを自分で増減させないぶん、「1つずれ（off-by-one）」エラーや上限の書き間違いが起きにくく、コレクションを全件処理するなら第一候補です。

break と continue

ループの途中で流れを変える2つのキーワードです。混同しやすいので区別を押さえましょう。

for (const n of numbers) {
  if (n < 0) continue;   // 負数は飛ばして次へ
  if (n > 100) break;    // 100超が来たら探索を打ち切り
  sum += n;
}

早期returnでネストを浅く保つ

条件分岐を素直にネストすると、if の入れ子が深くなり「矢印コード（インデントが右に伸びて矢印状になる）」になりがちです。これは読みづらく、バグの温床。

// ✗ ネストが深い
function getPrice(user, item) {
  if (user) {
    if (item) {
      if (item.inStock) {
        return item.price;
      }
    }
  }
  return null;
}

条件を満たさないケースを先に return で弾く（ガード節） と、本筋の処理がフラットになります。

// ✓ ガード節で早期return
function getPrice(user, item) {
  if (!user) return null;
  if (!item) return null;
  if (!item.inStock) return null;
  return item.price;   // 本筋はネストなし
}

つまずきポイント：無限ループ

while ループは終了条件がいつまでも偽にならないと、永遠に回り続けます（無限ループ）。CPU を食いつぶし、プログラムが固まる典型的なバグです。

let i = 0;
while (i < 10) {
  console.log(i);
  // i++ を書き忘れると i は 0 のまま → 永遠に終わらない
}

まとめ

• 制御構文は 順次・分岐・反復 の3要素。これらの組み合わせがロジックのすべて。
• 条件は 真偽値 に評価される。truthy/falsy の曖昧さに注意し、迷ったら明示的に比較する。
• 早期return とガード節 でネストを浅く保つのが、読みやすさへの一番の近道。
• ループは 更新忘れ・到達不能な終了条件 で無限ループ化する。終了条件は必ず見直す。