from JavaScript 1.2 onwards, we can use a switch statement which provide alternative to if statements, and it does better than repeated if…else if statements.
Syntax:
|
1 2 3 4 5 6 7 8 9 10 11 |
switch (expression) { case label1: statement1; break; case label2: statement2; break; default: defaultStatement; break; } |
The expression is evaluated and compared to each case label. If a match is found, the corresponding statement is executed. If no match is found, the defaultStatement (if provided) is executed. The break statement exits the switch statement.
example 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 |
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p id="div1"></p> <script type="text/javascript"> let day = "Monday"; switch (day) { case "Monday": document.getElementById("div1").innerHTML = ("Today is Monday"); break; case "Tuesday": document.getElementById("div1").innerHTML = ("Today is Tuesday"); break; case "Wednesday": document.getElementById("div1").innerHTML = ("Today is Wednesday"); break; default: document.getElementById("div1").innerHTML = ("Today is another day"); break; } </script> </body> </html> |
Output: Today is Monday