0Pricing
JavaScript Academy · レッスン

if/elseとswitch――基本パターン

if/elseとswitchで明確な条件を書き、早期終了にはguard clauseを使います。

「if/elseとswitch――基本パターン」はCoddyKit上の無料JavaScript Academyレッスンです。 これはレッスン1/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavaScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 JavaScript Academyコースには全3レッスンが含まれています。

導入

目標: 適切な条件分岐を選びます。まず if/else を使い、分岐が複数ある場合は else if を加え、値の一致を簡潔に表す場合は switch を使います。

if/elseとswitch――基本パターン — イラスト1

if/elseの基本

条件がtrueなら最初のブロックを実行し、それ以外の場合は else ブロックを実行します。

// if/else — choose between two paths
const score = 72;

if (score >= 60) {
  console.log("Pass");
} else {
  console.log("Retry");
}
if/elseとswitch――基本パターン — イラスト2

else ifの連鎖

else if を使い、最も具体的な条件から最も一般的な条件の順に確認します。

// else if — three or more branches
const temp = 18;

if (temp >= 30) {
  console.log("Hot");
} else if (temp >= 15) {
  console.log("Mild");
} else {
  console.log("Cold");
}
if/elseとswitch――基本パターン — イラスト3

switchの基本

switch は値を完全一致で比較します。処理が次のケースに流れ続けないよう、break を忘れないでください。

// switch — clean matching on a single value
const day = "Mon";

switch (day) {
  case "Mon":
    console.log("Start strong");
    break;
  case "Fri":
    console.log("Finish line");
    break;
  default:
    console.log("Keep going");
}
if/elseとswitch――基本パターン — イラスト4

ガード節

入力が無効な場合はガード節を使って早期に終了すると、正常系の処理をわかりやすく保てます。

// Guard clause — return early for invalid input
function greet(name) {
  if (!name) {
    console.log("Name required");
    return;
  }
  console.log("Hello, " + name + "!");
}

greet("");
greet("Ayla");
if/elseとswitch――基本パターン — イラスト5

ヒントと間違いやすい点

ヒント:

  • 最も具体的な条件から順に確認してください。
  • 条件は短く、読みやすく保ってください。
  • switch には default ケースを含めてください。
if/elseとswitch――基本パターン — イラスト6

switch比較クイズ

クイックチェック: switchによる一致判定です。

if/elseとswitch――基本パターン — イラスト7

まとめ

まとめ: 2つの経路にはif/else、順序のある分岐にはelse if、値の完全一致にはswitch、早期終了にはガード節を使ってください。

if/elseとswitch――基本パターン — イラスト8

よくある質問

「if/elseとswitch――基本パターン」レッスンは無料ですか？

はい。「if/elseとswitch――基本パターン」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、JavaScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 JavaScript Academyコースには全3レッスンが含まれています。

「if/elseとswitch――基本パターン」で何を学びますか？

if/elseとswitchで明確な条件を書き、早期終了にはguard clauseを使います。 ブラウザで直接実行するハンズオンコードでJavaScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

JavaScript Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのJavaScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/3です。

「if/elseとswitch――基本パターン」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJavaScript Academyレッスンでコードを書いて実行できますか？

はい。すべてのJavaScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. if/elseとswitch――基本パターン
  2. Loop：for、while、do…while、for…ofとfor…in
  3. Early ReturnとGuard Clause
← JavaScript Academyに戻る