Please note, this is a STATIC archive of website www.w3resource.com from 19 Jul 2022, cach3.com does not collect or store any user information, there is no "phishing" involved.
w3resource

JavaScript: Switch statement

Description

The switch statement allows to make a decision from the number of choices.

If a match is found to a case label, the program executes the associated statement.

If no match is found with any of the case statements, only the statements following the default are executed. 

If no default statement is found, the program continues execution at the statement following the end of the switch.

Note that switch statement is almost similar to a series of if statements on the same expression.

Syntax

switch (expression){
  case label : 
    statements; 
    break;
  case label :
    statements;
    break;
 ...    default : statements;
}

Parameters

expression: Value matched against the label.

label: An Identifier to be matched against expression.

statements: Group of statements that are executed once if the expression matches the label.

Example:

In the following example, switch statement is used to display the marks range against a particular grade.

HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript Switch statement : Example-1</title>
<link rel="stylesheet" type="text/css" href="example.css">
</head>
<body>
<h1>JavaScript : switch statement</h1>
<form name="form1" action ="#">
Input Grade type : <input type="text" name="text1" value="A" />
<br /><br />
<input type="button" value="Marks check"
onclick='marksgrade()' />
</form>
<script src="switch-statement-example1.js"></script>
</body>
</html>

JS Code

function marksgrade()
{
grade = document.form1.text1.value;
switch (grade)
{
case 'A+':
console.log("Marks >= 90");
break;
case 'A':
console.log("Marks [ >= 80 and <90 ]");
break;
case 'B+':
console.log("Marks [ >= 70 and <80 ]");
break;
case 'B':
console.log("Marks [ >= 60 and <70 ]");
break;
case 'C':
console.log("Marks < 60");
break;
default:
console.log("Wrong grade.........");
}
}

View the example in the browser

Practice the example online

See the Pen switch-1 by w3resource (@w3resource) on CodePen.


Previous: JavaScript: if...else statements
Next: JavaScript do while loop

Test your Programming skills with w3resource's quiz.



JavaScript: Tips of the Day

How to insert an item into an array at a specific index (JavaScript)?

What you want is the splice function on the native array object.

arr.splice(index, 0, item); will insert item into arr at the specified index (deleting 0 items first, that is, it's just an insert). In this example we will create an array and add an element to it into index 2:

var arr = [];
arr[0] = "Jani";
arr[1] = "Hege";
arr[2] = "Stale";
arr[3] = "Kai Jim";
arr[4] = "Borge";

console.log(arr.join());
arr.splice(2, 0, "Lene");
console.log(arr.join());

Ref: https://bit.ly/2BXbp04