JavaScript Tutorial

JS HomeJS EditorsJS How toJS Basic ProgramJS ConsoleJS VariableJS constJS Data TypesJS StringJS Type CastingJS KeywordsJS OperatorsJS Use StrictJS Escape SequencesJS Comments

JS Control Statements

JS ifJS if elseJS else ifJS BreakJS ContinueJS Switch Case

JS Looping

JS Loop ForJS Loop For InJS Loop WhileJS Loop Do While

JS Array

JS ArrayJS Array One DimensionalJS Array Multi DimensionalJS Array Associative

JS Functions

JS FunctionJS Function SelfJS Function call()JS Function apply()JS Call By ValueJS Call By ReferenceJS Function Closures

JS Scope

JS Scope GlobalJS Scope LocalJS Let

JS File Handling

JS File Handling

JS Error Handling

JS try catchJS throwJS finally

JS Select Particulars

JS getElementByID()JS getElementsByClassName()JS getElementsByTagName()JS getElementsByName()JS querySelector()JS querySelectorAll()

JS Popup

JS alert()JS confirm()JS prompt()

JS Events

JS EventsJS Media EventsJS Mouse EventsJS Keyboard EventsJS Form EventsJS Drag EventsJS Clipboard EventsJS Print EventsJS Animation EventsJS Transition EventsJS Server-Sent EventsJS Touch EventsJS Object Events

JS Methods

JS Array MethodsJS String MethodsJS Math MethodsJS Number MethodsJS Date MethodsJS Element MethodsJS Window MethodsJS Node MethodsJS Document MethodsJS Console MethodsJS Timing MethodsJS Navigator MethodsJS Miscellaneous Methods

JS Properties

JS Array PropertiesJS String PropertiesJS Number PropertiesJS MouseEvent PropertiesJS KeyboardEvent PropertiesJS AnimationEvent PropertiesJS TransitionEvent PropertiesJS Element PropertiesJS Window PropertiesJS Node PropertiesJS Document PropertiesJS Navigator PropertiesJS HashChangeEvent PropertiesJS Miscellaneous Properties

JS Regular Expressions

JS Regexp

JS Cookies

JS Cookies

JS Interview Programs

JS Common ProgramsJS Array ProgramsJS Converter ProgramsJS Star Patterns ProgramJS Number Patterns ProgramJS Alphabet Patterns Program

JS Reference

LEARN JSONLEARN AJAXJS KeycodeMIME TypesASCII Table

JavaScript switch case Statement

Last Updated:

JavaScript switch case Statement

The switch case statement executes a block of code depending on different cases.

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <p id="point"></p> <script> var x = document.getElementById("point"); var num = 1; var txt = ""; switch(num){ case 0: txt = "zero"; break; case 1: txt = "One"; break; case 2: txt = "Two"; break; } x.innerHTML = txt; </script> </body> </html>

Syntax

switch(expression){ case x: // code block case y: // code block default: // code block }

Browser Support

Devicedesktopmobileserver
Browser / PLgoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internetnodejs
switch caseYesYesYesYesYesYesYesYesYesYesYesYesYesYes

switch case with default Keyword

Note: The statements under default will be executed when no match is found in cases.

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <p id="point"></p> <script> var x = document.getElementById("point"); var num = 5; var txt = ""; switch(num){ case 0: txt = "zero"; break; case 1: txt = "One"; break; case 2: txt = "Two"; break; default: txt = "None of these"; } x.innerHTML = txt; </script> </body> </html>

switch case without break Statement

Note: If there is no break statement then the cases following the matched case including default will get executed.

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <p id="point"></p> <script> var x = document.getElementById("point"); var num = 1; var txt = ""; switch(num){ case 0: txt += "zero"; case 1: txt += "One"; case 2: txt += "Two"; default: txt += "None of these"; } x.innerHTML = txt; </script> </body> </html>

Switch with Multiple Cases

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <p id="point"></p> <script> var x = document.getElementById("point"); var num = 1; var txt = ""; switch(num){ case 0: case 1: case 2: txt = "num is less than or equal to 2"; break; case 3: case 4: case 5: txt = "num is greater than 2 but lesser than 6"; break; default: txt += "Case not found"; } x.innerHTML = txt; </script> </body> </html>

Share this Page

Meet the Author