switch in Javascript
By: Syed Fazal
The cousin of the if statement, the switch statement, allows a developer to provide a series of cases for an expression. The syntax for the switch statement is:
switch ( expression ) {
case value : statement
break ;
case value : statement
break ;
case value : statement
break ;
...
case value : statement
break ;
}
Each case says “if expression is equal to value , execute statement ”. The break keyword causes code execution to jump out of the switch statement. Without the break keyword, code execution falls through the original case into the following one.
The default keyword indicates what is to be done if the expression does not evaluate to one of the cases (in effect, it is an else statement). Essentially, the switch statement prevents a developer from having to write something like this:
if (i == 25)
alert(“25”);
else if (i == 35)
alert(“35”);
else if (i == 45)
alert(“45”);
else
alert(“Other”);
The equivalent switch statement is:
switch (i) {
case 25: alert(“25”);
break;
case 35: alert(“35”);
break;
case 45: alert(“45”);
break;
default: alert(“Other”);
}
Two big differences exist between the switch statement in JavaScript and Java. In Javascript, the switch statement can be used on strings, and it can indicate case by nonconstant values:
var BLUE = “blue”, RED = “red”, GREEN = “green”;
switch (sColor) {
case BLUE: alert(“Blue”);
break;
case RED: alert(“Red”);
break;
case GREEN: alert(“Green”);
break;
default: alert(“Other”);
}
Here, the switch statement is used on the string sColor , whereas the case s are indicated by using the variables BLUE , RED , and GREEN , which is completely valid in JavaScript.
Archived Comments
Comment on this tutorial
- Data Science
- Android
- AJAX
- ASP.net
- C
- C++
- C#
- Cocoa
- Cloud Computing
- HTML5
- Java
- Javascript
- JSF
- JSP
- J2ME
- Java Beans
- EJB
- JDBC
- Linux
- Mac OS X
- iPhone
- MySQL
- Office 365
- Perl
- PHP
- Python
- Ruby
- VB.net
- Hibernate
- Struts
- SAP
- Trends
- Tech Reviews
- WebServices
- XML
- Certification
- Interview
categories
Related Tutorials
Use WinSCP to transfer log files remotely using Javascript
Verifying user input in JavaScript
Javascript to display client date and time on webpage
Getting Browser's height and width using Javascript
Highlighting text on a page using CSS
Scrolling message on the status bar using Javascript
Diabling Right Click option in a browser using Javascript
Password protect a web page using Javascript
Using revealTrans to do page transitions in Javascript
Form validation using Javascript
window.frames[i] in Javascript
Math object and Math functions in Javascript