A switch statement gives an expression a value to evaluate and several different statements to execute based on the value of the expression.

It is a useful alternative to the If … else statement and a much more sophisticated way to control program flow in software development.

//Syntax
switch(expression) {
case condition1: statements
break;
case condition2: statements
break;
case condition3: statements
break;

default: statements
}

default: this indicates the statement that runs if all the given conditions are not met. It is similar to the final else block an if statement.

break: the break statements indicate the end of a particular case.

Example

Let us write a simple program that checks the grade of students

 checkGrade = (val) => {
            switch(val){
                case 'A': 
                console.log('Excellent');
                break;
                
                case 'B':
                console.log('Very Good');
                break;

                case 'C':
                console.log('Good');
                break;

                case 'D':
                console.log('Fairly Good');
                break;

                case 'E':
                console.log('Fair');
                break;

                case 'F':
                console.log('Fail');
                break;

                default: console.log('Please enter a valid          grade')
            }
         }

         checkGrade('R') //Please enter a valid grade
         checkGrade('A') //Excellent

Recent Posts

How to Dynamically Create, Update, and Delete HTML Elements

In modern web development, dynamically manipulating HTML elements is essential for creating interactive and responsive…

5 days ago

Why parseInt(’09’) Returns 0

If you've ever encountered the puzzling behavior of parseInt('09') returning 0 in JavaScript, you're not…

1 week ago

Event Bubbling and Capturing: Why Your Click Listener Fires Twice (And How to Fix It)

If you’ve ever built an interactive web application, you may have encountered a puzzling issue:…

2 weeks ago

Practical Array Methods for Everyday Coding

Arrays are the backbone of programming, used in nearly every application. Whether you're manipulating data,…

2 weeks ago

What the Heck Is the Event Loop? (Explained With Pizza Shop Analogies)

If you've ever tried to learn JavaScript, you’ve probably heard about the "Event Loop"—that mysterious,…

3 weeks ago

Why [] === [] Returns false in JavaScript (And How to Properly Compare Arrays & Objects)

JavaScript can sometimes behave in unexpected ways, especially when comparing arrays and objects. If you've…

3 weeks ago