Javascript-Switch

Home / JavaScript – Tutorial / Javascript-Switch

The switch is a conditional statement like an if statement. The switch is provided when you want to execute one of the multiple code blocks based on the return value of a specified expression.

Syntax:

switch(expression or literal value){
  case 1:
    //code to be executed
   break;
  case 2:
    //code to be executed
   break;
  case n:
    //code to be executed
   break;
  default:
    //default code to be executed
    //if none of the above case executed
}

Example:

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var day;
switch (new Date().getDay()) {
 case 0:
  day = "Sunday";
  break;
 case 1:
  day = "Monday";
  break;
 case 2:
  day = "Tuesday";
  break;
 case 3:
  day = "Wednesday";
  break;
 case 4:
  day = "Thursday";
  break;
 case 5:
  day = "Friday";
  break;
 case  6:
  day = "Saturday";
}
document.getElementById("demo").innerHTML = "Today is " + day;
</script>

</body>
</html>

OUTPUT:

Today is Saturday

Example:

<!DOCTYPE html>
<html>
<body>
<script> 
var grade='B'; 
var result; 
switch(grade){ 
case 'A': 
result="A Grade"; 
break; 
case 'B': 
result="B Grade"; 
break; 
case 'C': 
result="C Grade"; 
break; 
default: 
result="No Grade"; 
} 
document.write(result); 
</script> 
</body>
</html>

OUTPUT:

B Grade

Behaviour of switch statement :

<!DOCTYPE html>
<html>
<body>
<script> 
var grade='B'; 
var result; 
switch(grade){ 
case 'A': 
result+=" A Grade"; 
case 'B': 
result+=" B Grade"; 
case 'C': 
result+=" C Grade"; 
default: 
result+=" No Grade"; 
} 
document.write(result); 
</script> 
</body>
</html>

OUTPUT:

undefined B Grade C Grade No Grade B Grade C Grade No Grade