JavaScript switch Statement

The switch statement evaluates an expression and executes code based on matching cases. It’s an efficient alternative to multiple if-else statements, improving readability when handling many conditions.

Syntax

switch (expression) {
 case value1:
 // Code block 1
 break;
 case value2:
 // Code block 2
 break;
 // more cases
 default:
 // Default code block
}

How the Switch Statement Works

• Evaluation: The expression is evaluated once.
• Comparison: The value of the expression is compared against each case.
• Execution: The block under the matching case runs. If no match, the default block executes (if present).
• Break: We can stop further execution within the switch block using the Break keyword.
• Default: Runs if no cases match. It’s optional but provides a fallback option.

Flowchart of Switch Statement:

For Example:

Output

Wednesday

In this example

• Day is set to 3.
• The switch statement evaluates day.
• Since day is 3, the case 3 the block is executed, assigning "Wednesday" to dayName.
• The break statement ends the switch statement, preventing execution from continuing into other cases.

Default Keyword

The default keyword in a switch statement is used as a fallback option when none of the case labels match the evaluated value. It functions similarly to an else in an if-else chain, ensuring that a default action is executed when no specific conditions are met.

• Fallback Action: If no case matches, the code within the default block is executed, preventing unexpected behavior.
• Optional: The default case is optional and can be omitted if not needed.
• Position: The position of the default case in a switch statement doesn't affect its behavior. It only runs if no previous case matches, regardless of where it’s placed.

For Example

Output

 Day not recognized.

In this example

• Switch: It checks day but doesn’t match any cases.
• Fallback Action: The default case runs, setting message to "Day not recognized.".
• Position of Default: The default case is placed before 'Friday', but its position doesn't affect its behavior; it only runs when no other case matches.

Common Code Blocks

In some situations, multiple case labels in a switch statement require the same block of code to be executed. Instead of repeating the same code for each case, we can group them together.

Here is the example of common code blocks

Output

Grade is good

In this example

• Grade Assignment: The grade variable is defined as 'B' before the switch statement.
• Grouped Cases: The cases for 'A', 'B', and 'C' share the same message "Grade is good". This allows for cleaner code where we don’t need to repeat the same block of code for each case.
• Default Case: The default case handles invalid values (if no cases match), outputting "No grades achieved".
• Output: Since grade = 'B', the output will be "Grade is good".

Difference Between if-Else and Switch Statement