The JavaScript Else Statement allows us to choose between TRUE or FALSE. When there are more than two options, we simply use JavaScript Nested If Statement. Say, What if we have 10 alternatives to choose?, if we use Nested If in this situation then programming logic will be difficult to understand.
In JavaScript, Else if statement and Switch statements can handle these type of problems effectively. We already discussed about the Else If in JavaScript in our previous article so, let us explore switch statement here.
The working functionality of the JavaScript Switch Case is almost same as if condition. As we said before, Switch statement may have n number of cases so, switch case compares the expression value with the values assigned in the case statements. If both the values (expression value and case value) match then statements present in that case statement will execute. Let us see the syntax of switch case for better understanding
JavaScript Switch Case Syntax
The syntax of the JavaScript Switch Case is as follows:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
Switch (expression) { Case Option 1: //Execute these statements when the expression result match Option 1 break; Case Option 2: //Execute these statements when the expression result match Option 2 break; Case Option 3: //Execute these statements when the expression result match Option 3 break; ...... Case Option N: //Execute these statements when the result of expression match Option N break; Default: //Execute these statements when the result of expression Not matching with any Option break; } |
The expression value should be either integer or characters (We can write the expression as n/2…. also but the result should be integer). Option 1, Option 2…… are constants.
Switch Case allows us to add default statement. If the variable value is not matching with any of the case statements then the code present in the default will be executed.
Break statement is useful to come out from the switch statement otherwise, all the statements in the switch condition will be executed. Whenever a break statement is encountered, the execution flow would directly come out of the switch. Please refer Break Statement article to understand the Break statement perfectly
NOTE: Switch Case in JavaScript Programming will only accept either integers or characters where as, Else if statement will accept decimal values (2.3, 3.5 etc) also.
JavaScript Switch Case Flow Chart
Let us see the flow chart for better understanding.
JavaScript Switch Case Example
This program allows us to use JavaScript Arithmetic Operators to perform arithmetic operations using Switch Case in JavaScript Programming language.
JAVASCRIPT CODE
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<!DOCTYPE html> <html> <head> <title> JavaScript Switch Case </title> </head> <h1> JavaScript Switch Case </h1> <body> <script> var opertor = '*'; var number1 = 10, number2 = 2; switch (opertor) { case '+': document.write("Addition of two numbers is: " + (number1 + number2)); break; case '-': document.write("Subtraction of two numbers is: " + (number1 - number2)); break; case '*': document.write("Multiplication of two numbers is: " + (number1 * number2)); break; case '/': document.write("Division of two numbers is: " + (number1 / number2)); break; case '%': document.write("Module of two numbers is: " + (number1 % number2)); break; default: document.write("<b> You have entered Wrong operator </b>"); document.write("<br \> Please enter Correct operator such as +, -, *, /, %"); } </script> </body> </html> |
OUTPUT 1: Here we assigned * as operator variable.
OUTPUT 2: Let us chang the operator from valid to wrong operator to check the default value
Thank You for Visiting Our Blog
Share your Feedback, or Code!!