Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.geeksforgeeks.org/javascript/switch-case-in-javascript/ below:

JavaScript switch Statement - GeeksforGeeks

Last Updated : 02 Jul, 2025

The JavaScript switch statement evaluates an expression and executes a block of code based on matching cases. It provides an alternative to long if-else chains, improving readability and maintainability, especially when handling multiple conditional branches.

Switch Statement Example: Here, we will print the day name on day 3.

let day = 3;
let dayName;

switch (day) {
    case 1:
        dayName = "Monday";
        break;
    case 2:
        dayName = "Tuesday";
        break;
    case 3:
        dayName = "Wednesday";
        break;
    case 4:
        dayName = "Thursday";
        break;
    case 5:
        dayName = "Friday";
        break;
    case 6:
        dayName = "Saturday";
        break;
    case 7:
        dayName = "Sunday";
        break;
    default:
        dayName = "Invalid day";
}

console.log(dayName); // Output: Wednesday

• 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.

switch (expression) {
    case value1:
        // code block 1;
        break;
    case value2:
         // code block 2;
        break;
   ...
    default:
       // default code block;
}

• Expression is the value that you want to compare.
• Case value1, case value2, etc., represent the possible values of the expression.
• break statement terminates the switch statement. Without it, execution will continue into the next case.
• Default specifies the code to run if none of the cases match the expression.

• Evaluation: The expression inside the switch the statement is evaluated once.
• Comparison: The value of the expression is compared with each case label (using strict equality ===).
• Execution: If a match is found, the corresponding code block following the matching case the label is executed. If no match is found, the execution jumps to the default case (if present) or continues with the next statement after the switch block.
• Break Statement: After executing a code block, the break statement terminates the switch statement, preventing execution from falling through to subsequent cases. If break is omitted, execution will continue to the next case (known as "fall-through").
• Default Case: The default case is optional. If no match is found, the code block under default is executed.

Here, we will check our grade by using a switch case.

let grade = 'B';
let result;
switch (grade) {
    case 'A':
        result = "A (Excellent)";
        break;
    case 'B':
        result = "B (Average)";
        break;
    case 'C':
        result = "C (Below than average)";
        break;
    default:
        result = "No Grade";
}
console.log(result);

• Grade is assigned the value 'B'.
• The switch statement evaluates the value of grade.
• Since grade is 'B', the code block following case 'B': is executed.
• The result the variable is assigned the string "B (Average)".
• The break statement terminates the switch statement.
• result is logged to the console, which outputs "B (Average)".

The break the keyword is used to terminate the execution of a loop or a switch statement.

The default the keyword is used within a switch statement as a fallback option when none of the case expressions match the value being evaluated. It acts similarly to the else statement in an if...else chain, providing a default action to take when no other specific cases match.

Regardless of its placement, the default case only gets executed if none of the other case conditions are met. So, putting it at the beginning, middle, or end doesn't change the core logic (unless you're using a less common technique called fall-through).

we will print the default case.

let day = 8;
let dayName;

switch (day) {
    default:
        dayName = "Invalid day";
        break;
    case 1:
        dayName = "Monday";
        break;
    case 2:
        dayName = "Tuesday";
        break;
    case 3:
        dayName = "Wednesday";
        break;
    case 4:
        dayName = "Thursday";
        break;
    case 5:
        dayName = "Friday";
        break;
    case 6:
        dayName = "Saturday";
        break;
    case 7:
        dayName = "Sunday";
        break;
    
}

console.log(dayName);

In some cases, we need to use the same code for multiple switch cases. Let's see an example of how to do it:

Here, we will same code blocks for two different switch cases.

let grade = 'B'; 
let result;

switch (grade) {
    case 'A':
    case 'B':
    case 'C':
        result = "Grade is good"; 
        break;
    case 'D':
        result = "Grade is Poor";
        break;
    default:
        result = "No grades achieved";  
}

console.log(result);  

Output

Grade is good

• 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".

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4