Can we have a return statement in a JavaScript switch statement?

JavascriptWeb DevelopmentObject Oriented Programming

The JavaScript switch statement can contain return statements if it is present inside a function. The function will return the value in the switch statement and the code after the switch statement will not be executed.

Following is the code to have return statements in JavaScript switch statement −


 Live Demo

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   .result {
      font-size: 20px;
      font-weight: 500;
<h1>Return statement in JavaScript switch</h1>
Enter day 1-7<input type="text" class="day" /><button class="Btn">
<div style="color: green;" class="result"></div>
Click on the above button to check which day it is
   let dayVal = document.querySelector(".day");
   let resEle = document.querySelector(".result");
   function returnDay(val) {
      switch (val) {
         case 1:
            return "It's monday";
         case 2:
            return "It's tuesday";
         case 3:
            return "It's wednesday";
         case 4:
            return "It's thursday";
         case 5:
            return "It's friday";
         case 6:
            return "It's saturday";
         case 7:
            return "It's sunday";
            return "Enter a value between 1 - 7";
   document.querySelector(".Btn").addEventListener("click", () => {
      resEle.innerHTML = returnDay(parseInt(dayVal.value));


The above code will produce the following output −

On entering a number between 1-7 and clicking on CHECK −

Published on 17-Jul-2020 12:15:29