Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Switchによる選択の実行 | 条件分岐文
TypeScript入門

bookSwitchによる選択の実行

メニューを表示するにはスワイプしてください

if-else文にすでに飽きてしまった方に、朗報があります!TypeScript には、複数の条件を判定するための別の構文、switch-case 文があります。この構文は、渡された値に基づいてコードを実行するために作られました。定義を見てみましょう:

switch-case 文の構文は次のようになります:

switch (expression) {
    case value1:
        // Code to execute if expression equals value1
        break; // Optional break statement to exit the switch

    case value2:
        // Code to execute if expression equals value2
        break;

    // Additional cases...

    default:
        // Code to execute if none of the cases match the expression
}

TypeScript における switch 文の主なポイント:

  • break: 通常、各 case には break 文が含まれており、該当する switch のコードを実行した後に case から抜けます。これにより、他の case のコードが実行されるのを防ぎます。break 文は省略可能で、省略した場合は次の case へ処理が続行されます;

  • default: default は省略可能なブロックで、どの case の値とも一致しない場合に実行されます。すべての case 分岐の代替として機能します。

コース作成者の想像力が尽きてきたため、再び曜日の例を見てみます。ただし、今回は条件を少し変更し、週の中での番号から曜日名を判定します。

123456789101112131415161718
let day: number = 3; let dayName: string; switch (day) { case 1: dayName = "Monday"; break; case 2: dayName = "Tuesday"; break; case 3: dayName = "Wednesday"; break; default: dayName = "Unknown"; } console.log(`Today is ${dayName}`);
copy

Note

いずれの値とも一致しない場合、defaultブロックが実行されます。

変数dayとして使用し、その値に応じて曜日名を判定します。この方法により、複数の条件を作成し、それぞれに応じた特定のコードを実行できます。

1. TypeScriptにおけるswitch文の目的は何ですか?

2. default文におけるswitchケースの役割は何ですか?

question mark

TypeScriptにおけるswitch文の目的は何ですか?

正しい答えを選んでください

question mark

default文におけるswitchケースの役割は何ですか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 2.  6

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 2.  6
some-alt