Switch statement multiple cases in JavaScript

Question

I need multiple cases in switch statement in JavaScript  Something like  switch  varName       case  quot afshin quot    quot saeed quot    quot larry quot          alert  Hey           break      default         alert  Default case           break     How can I do that  If there s no way to do something like that in JavaScript  I want to know an alternative solution that also follows the DRY concept

User · Answer

You can Try this function theTest val      var answer    quot  quot     switch  val         case  1    2    3         answer    quot Low quot         break      case  4    5    6         answer    quot Mid quot         break      case  7    8    9         answer    quot High quot         break      default        answer    quot Massive or Tiny  quot         return answer     theTest 9

User · Answer

Here s different approach avoiding the switch statement altogether   var cases       afshin  function     alert  hey          default  function     alert  default         cases larry   cases saeed   cases afshin   cases  varName     cases  varName       cases  default

User · Answer

Adding and clarifying Stefano s answer  you can use expressions to dynamically set the values for the conditions in switch  e g   var i   3 switch  i        case   i gt  0  amp  amp  i lt  5    i   -1           console log  0-5            break       case 6  console log  6       So in your problem  you could do something like  var varName    quot afshin quot  switch  varName        case    quot afshin quot    quot saeed quot    quot larry quot   indexOf varName  1  amp  amp  varName         console log  quot hey quot          break       default        console log  Default case       Although it is so much DRY

User · Answer

In Node js it appears that you are allowed to do this  data    quot 10 quot   switch data       case  quot 1 quot   case  quot 2 quot   case  quot 3 quot      Put multiple cases on the same                                      line to save vertical space          console log  quot small quot            break       case  quot 10 quot   case  quot 11 quot   case  quot 12 quot           console log  quot large quot            break       default          console log  quot strange quot            break     This makes for much more compact code in some cases

User · Answer

My situation was something akin to  switch  text      case SOME CONSTANT    ANOTHER CONSTANT      console log  Case 1 entered       break     case THIRD CONSTANT    FINAL CONSTANT      console log  Case 2 entered       break     default      console log  Default entered       The default case always entered  If you re running into a similar multi-case switch statement issue  you re looking for this  switch  text      case SOME CONSTANT    case ANOTHER CONSTANT      console log  Case 1 entered       break     case THIRD CONSTANT    case FINAL CONSTANT      console log  Case 2 entered       break     default      console log  Default entered

User · Answer

lt head gt       lt meta http-equiv  Content-Type  content  text html  charset utf-8    gt       lt title gt Example1 lt  title gt       lt link rel  stylesheet  href  css style css   gt       lt script src  js jquery-1 11 3 min js  type  text javascript  gt  lt  script gt       lt script gt          function display case                var num     document getElementById  number   value                   switch num                        case  num    1                        document getElementById  result   innerHTML    You select day Sunday                       break                       case  num    2                        document getElementById  result   innerHTML    You select day  Monday                       break                       case  num    3                        document getElementById  result   innerHTML    You select day  Tuesday                       break                       case  num    4                        document getElementById  result   innerHTML    You select day  Wednesday                       break                       case  num    5                        document getElementById  result   innerHTML    You select day  Thusday                       break                       case  num    6                        document getElementById  result   innerHTML    You select day  Friday                       break                       case  num    7                        document getElementById  result   innerHTML    You select day  Saturday                       break                       default                      document getElementById  result   innerHTML    You select day  Invalid Weekday                       break                                   lt  script gt   lt  head gt   lt body gt       lt center gt           lt div id  error  gt  lt  div gt           lt center gt               lt h2 gt  Switch Case Example  lt  h2 gt               lt p gt Enter a Number Between 1 to 7 lt  p gt               lt input type  text  id  number    gt               lt button onclick  display case     gt Check lt  button gt  lt br   gt               lt div id  result  gt  lt b gt  lt  b gt  lt  div gt           lt  center gt       lt  center gt   lt  body gt

User · Answer

You can use the  in  operator     It relies on the object hash invocation  so it s as fast as JavaScript can be     Assuming you have defined functions f    g a  and h a b     somewhere in your code     you can define them inside the object  but       the code becomes hard to read  I prefer it this way   o     f1 f  f2 g  f3 h        If you use  quot STATIC quot  code can do  o  f3    p1  p2       If your code is someway  quot DYNAMIC quot   to prevent false invocations    m brings the function method to be invoked  f1  f2  f3     and you can rely on arguments   to solve any parameter problems  if   m in o   o m

User · Answer

It depends   Switch evaluates once and only once   Upon a match  all subsequent case statements until  break  fire no matter what the case says    x000D   x000D  var onlyMen   true  x000D  var onlyWomen   false  x000D  var onlyAdults   false  x000D    x000D    function    x000D     switch  true   x000D       case onlyMen  x000D         console log   onlymen    x000D       case onlyWomen  x000D         console log   onlyWomen    x000D       case onlyAdults  x000D         console log   onlyAdults    x000D         break  x000D       default  x000D         console log  default    x000D       x000D           returns onlymen onlywomen onlyadults x000D   lt script src  https   getfirebug com firebug-lite-debug js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

The problem with the above approaches  is that you have to repeat the several cases every time you call the function which has the switch  A more robust solution is to have a map or a dictionary  Here is an example   x000D   x000D     The Map  divided by concepts var dictionary       timePeriod         month    1   monthly    mensal    m  s         twoMonths    2   two months    2 months    bimestral    bimestre         trimester    3   trimesterly    quarterly    trimestral         semester    4   semesterly    semestral    halfyearly         year    5   yearly    annual    ano          distance         km    1   kms    kilometre    kilometers    kilometres         mile    2   mi    miles         nordicMile    3   Nordic mile    mil  10 km     Scandinavian mile          fuelAmount         ltr    1   l    litre    Litre    liter    Liter         gal  imp     2   imp gallon    imperial gal    gal  UK          gal  US     3   US gallon    US gal         kWh    4   KWH              This function maps every input to a certain defined value function mapUnit  concept  value      for  var key in dictionary concept         if  key     value          dictionary concept  key  indexOf value      -1          return key             throw Error  Uknown    value    for    concept            You would use it simply like this mapUnit  fuelAmount    ltr        gt  ltr mapUnit  fuelAmount    US gal        gt  gal  US  mapUnit  fuelAmount   3       gt  gal  US  mapUnit  distance    kilometre        gt  km     Now you can use the switch statement safely without the need    to repeat the combinations every time you call the switch var foo    monthly  switch  mapUnit   timePeriod   foo       case  month       console log  month       break   case  twoMonths       console log  twoMonths       break   case  trimester       console log  trimester       break   case  semester       console log  semester       break   case  year       console log  year       break   default      throw Error  error     x000D   x000D   x000D

User · Answer

I like this for clarity and a DRY syntax  varName    quot larry quot    switch  true        case   quot afshin quot    quot saeed quot    quot larry quot   includes varName           alert  Hey           break       default         alert  Default case

User · Answer

This works in regular JavaScript  function theTest val      var answer    quot  quot     switch  val         case 1  case 2  case 3        answer    quot Low quot         break      case 4  case 5  case 6        answer    quot Mid quot         break      case 7  case 8  case 9        answer    quot High quot         break      default        answer    quot Massive or Tiny  quot         return answer     theTest 9

User · Answer

Use the fall-through feature of the switch statement  A matched case will run until a break  or the end of the switch statement  is found  so you could write it like   switch  varName       case  afshin      case  saeed      case  larry           alert  Hey           break      default          alert  Default case

User · Answer

Just change the switch condition approach  switch  true        case  function    return true                alert  true            break      case  function    return false                alert  false            break      default          alert  default

User · Answer

For me this is the simplest way  switch    quot afshin quot   quot saeed quot   quot larry quot   includes varName    1   2       case 1         alert  Hey           break      default         alert  Default case           break

User · Answer

One of the possible solutions is   const names     afshin   afshin   saeed   saeed   larry   larry      switch  varName       case names varName            alert  Hey           break           default           alert  Default case           break

User · Answer

Another way of doing multiple cases in a switch statement  when inside a function   x000D   x000D  function name varName     switch  varName         case  afshin        case  saeed        case  larry          return  Hey        default         return  Default case           console log name  afshin        Hey x000D   x000D   x000D

User · Answer

You could write it like this   switch  varName       case  afshin       case  saeed       case  larry           alert  Hey           break      default          alert  Default case           break

User · Answer

You can do this   alert      afshin       saeed       larry      sasha      boby      jhon      anna              includes varName    Hey     Default case     or just a single line of code   alert   afshin    saeed    larry       includes varName    Hey     Default case     a little improvement from ErikE s answer

User · Answer

If you re using ES6  you can do this   if    afshin    saeed    larry   includes varName        alert  Hey      else      alert  Default case        Or for earlier versions of JavaScript  you can do this   if    afshin    saeed    larry   indexOf varName      -1       alert  Hey      else      alert  Default case        Note that this won t work in older IE browsers  but you could patch things up fairly easily  See the question determine if string is in list in javascript for more information

User · Answer

I can see there are lots of good answers here  but what happens if we need to check more than 10 cases  Here is my own approach   function isAccessible varName        let accessDenied     Liam    Noah    William    James    Logan    Benjamin                            Mason    Elijah    Oliver    Jacob    Daniel    Lucas          switch  varName             case  accessDenied includes varName    varName   null                return  Access Denied             default             return  Access Allowed                        console log isAccessible  Liam

User · Answer

I use it like this  switch  true        case  Pressure  test sensor                   console log  Its pressure             break               case  Temperature  test sensor                   console log  Its temperature             break

User · Answer

In Javascript to assign multiple cases in a switch  we have to define different case without break inbetween like given below       lt script gt        function checkHere varName           switch  varName                          case  saeed              case  larry              case  afshin                   alert  Hey                    break            case  ss                  alert  ss                   break           default                 alert  Default case                   break                         lt  script gt    Please see example click on link

[javascript] Switch statement multiple cases in JavaScript

Examples related to javascript

Examples related to switch-statement