CODEWITHSUNDEEP
javascriptbooleanswitch-statement
PrimeLens
PrimeLens

Reputation: 2727

is switch(true) {... valid javascript?

I recently came across code where a switch statement seemed reversed with the answer (boolean) in the switch and the expressions in the case. The code ran fine as intended but I'm concerned about cross browser. Is it valid javascript?

switch(true) {
  case (y < 20):
    //
    break;
  case (y < 60):
    //
    break;
  case (y < 130):
    //
    break;
}

Upvotes: 24

Views: 14161

Answers (5)

aefxx
aefxx

Reputation: 25279

This snippet is perfectly fine. It's just another way of expressing:

if (y < 20) {
    // ...
} else if (y < 60) {
    // ...
} else if ( y < 130) {
    // ...
}

Upvotes: 13

user166390
user166390

Reputation:

It is valid.

The code

switch(f0()) {
    case f1(): ..; 
    case f2(): ..;
    default: dflt;
}

where fX() represents an arbitrary expression (a function invocation is used to show forced evaluation) can be approximately re-written as

for (;;) { // for "break"
    var _x = f0()
    if (_x === f1()) { .. }
    if (_x === f2()) { .. }
    dflt;
    break;
}

That is, the expression in the case is evaluated and then compared with the expression in the switch. (This is a sharp divergence from languages like C or Java that require constant values in the case expressions.)

Of course, the break will "exit the switch" - as opposed to the standard fall-through semantics - and as such, where true is the expression supplied to switch, the posted example is semantically equivalent to the if/else if as shown by aefxx.

Upvotes: 2

Salman Arshad
Salman Arshad

Reputation: 272236

The syntax of switch statement is:

SwitchStatement :  
  switch ( Expression ) CaseBlock  
CaseBlock :  
  { CaseClauses(opt) }  
  { CaseClauses(opt) DefaultClause CaseClauses(opt) }  
CaseClauses :  
  CaseClause  
  CaseClauses CaseClause  
CaseClause :  
  case Expression : StatementList(opt)  
DefaultClause :  
  default : StatementList(opt)

No where it says that switch expression or the case expression has to be a number, string, boolean or anything. true is perfectly acceptable as a switch expression and y < 20 is perfectly acceptable as case expression. Keep in mind that comparison between switch expression and case expressions are made using === operator.

In the code you posted, the first true case will be executed until break is encountered or the switch block ends.

Upvotes: 7

Denys S&#233;guret
Denys S&#233;guret

Reputation: 382274

Yes, it's valid.

As in many "modern" languages, the switch in Javascript is very far from the original int-based switch from the C language, it only keeps the general semantics.

The switch clause, as normalized in ECMAScript, is explained here in details : http://www.ecma-international.org/ecma-262/5.1/#sec-12.11

Basically, the first case whose value is equal to the expression in switch(Expression) is executed.

The main advantage over the obvious if else if sequence is the ability to ommit the break statement and execute more than one block. Note that, contrary to the old C switch, there is no real performance improvement and in this case it's neither more succinct nor more readable.

Upvotes: 8

Praveen Kumar Purushothaman
Praveen Kumar Purushothaman

Reputation: 167192

The cases will get executed based on value of y.

Because the conditions depend on the value of y. As said by aefxx, it is an other form of:

if (y < 20) {
    // ...
} elseif (y < 60) {
    // ...
} elseif ( y < 130) {
    // ...
}

Upvotes: 2

Related Questions