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

When to Choose Node.js Over PHP

Introduction: Node.js and PHP are both popular server-side options with unique attributes. Knowing when to…

8 hours ago

How to Create Neumorphism Effect with CSS

Neumorphism design, alternatively termed as "soft UI" or "new skeuomorphism," represents a design trend that…

4 days ago

How to Debug Your JavaScript Code

Debugging JavaScript code can sometimes be challenging, but with the right practices and tools, you…

1 week ago

Service Workers in JavaScript: An In-Depth Guide

Service Workers are one of the core features of modern web applications, offering powerful capabilities…

3 weeks ago

What are Database Driven Websites?

A database-driven website is a dynamic site that utilizes a database to store and manage…

3 weeks ago

How to show Toast Messages in React

Toasts are user interface elements commonly used in software applications, especially in mobile app development…

3 weeks ago