Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Making Choices with switch | Conditional Statements
Introduction to TypeScript

bookMaking Choices with switch

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

If you're already tired of the if-else statement, I have some great news for you! In TypeScript, there's another construct for checking multiple conditions - the switch-case statement. This construct was created to execute code based on the value that's being passed. Let's take a look at the definition:

The syntax for the switch-case statement looks like this:

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
}

Key points about the switch statement in TypeScript:

  • break: Typically, each case includes a break statement to exit the switch after executing the code in the corresponding case. This prevents the execution of code from other case branches. The break statement is optional, and without it, execution will continue to the next case;

  • default: default is an optional block that executes if none of the case values match the expression. It acts as an alternative for all case branches.

The course author is running out of imagination, so let's look at the example with the days of the week again. However, this time we will slightly change the conditions, and now we will determine the name of the day of the week by its number in the week:

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

Note that if none of the values match, we execute the default block.

We use the variable day as an expression, and depending on its value, we determine the name of the day of the week. This way, we can create multiple conditions and execute specific code based on them.

1. What is the purpose of the switch statement in TypeScript?

2. What is the role of the default case in a switch statement?

question mark

What is the purpose of the switch statement in TypeScript?

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

question mark

What is the role of the default case in a switch statement?

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

すべて明確でしたか?

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

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

セクション 2.  6

AIに質問する

expand

AIに質問する

ChatGPT

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

セクション 2.  6
some-alt