Course Content
Introduction to TypeScript
Introduction to TypeScript
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:
Key points about the switch
statement in TypeScript:
break
: Typically, eachcase
includes abreak
statement to exit theswitch
after executing the code in the correspondingcase
. This prevents the execution of code from othercase
branches. Thebreak
statement is optional, and without it, execution will continue to the nextcase
;default
:default
is an optional block that executes if none of thecase
values match the expression. It acts as an alternative for allcase
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:
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}`);
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.
Thanks for your feedback!