Sentencia de cambio condicional de Javascript

Question

¿Hay alguna manera de escribir una instrucción de cambio condicional en javascript?

No estoy adivinando, ya que el siguiente siempre va a por defecto:

var raw_value = 11.0; 
    switch(raw_value) 
    { 
     case (raw_value > 10.0): 
      height = 48; 
      width = 36; 
      break; 
     case (raw_value > 5.0): 
      height = 40; 
      width = 30; 
      break; 
     default: 
      height = 16; 
      width = 12; 
      break; 
    } 

Si no es así, ¿qué debo usar en su lugar - una larga sentencia if/else?

gracias :)

Answer 1

En un switch statement, el valor evaluado de la expresión switch se comparan los valores de la evaluadas de los casos. Entonces aquí el valor de raw_value (número) se compara con raw_value > 10.0 (expresión de comparación) y raw_value > 5.0 (expresión de comparación).

Así que a menos que una de sus expresiones case dió un número igual a 11.0 o utilice la expresión switchtrue, Usted siempre obtendrá el caso por defecto.

sólo tiene que utilizar un simple if/else lugar:

var raw_value = 11.0; 
if (raw_value > 10.0) { 
    height = 48; 
    width = 36; 
} else if (raw_value > 5.0) { 
    height = 40; 
    width = 30; 
} else { 
    height = 16; 
    width = 12; 
} 

Answer 2

No, la declaración switch no funciona utiliza el estilo. Sin embargo, esta afirmación no siempre es más simple. Por ejemplo, la versión switch tarda 15 líneas:

var raw_value = 11.0; 
switch(raw_value) { 
    case (raw_value > 10.0): 
     height = 48; 
     width = 36; 
     break; 
    case (raw_value > 5.0): 
     height = 40; 
     width = 30; 
     break; 
    default: 
     height = 16; 
     width = 12; 
     break; 
} 

y la if/else versión "larga" única 11:

var raw_value = 11.0; 
if (raw_value > 10.0) { 
     height = 48; 
     width = 36; 
} else if (raw_value > 5.0) { 
     height = 40; 
     width = 30; 
} else { 
     height = 16; 
     width = 12; 
} 

Así, en su caso, es mejor usar el segundo de la primera ...

Answer 3

De esta manera:

var raw_value = 11.0; 
switch(true) { 
    case (raw_value > 10.0): 
     height = 48; 
     width = 36; 
     break; 
    case (raw_value > 5.0): 
     height = 40; 
     width = 30; 
     break; 
    default: 
     height = 16; 
     width = 12; 
} 

Las expresiones en las declaraciones case se evaluarán en true o false, y si eso coincide con la condición switch ... voilà. El default actúa como un else.

Bonificación: puede invertir toda la lógica simplemente reemplazando true con false. Con las declaraciones if ... else if, debería editar cada cláusula if de forma individual.

Answer 4

no intente esto en casa, o lo toman en serio, esto es sólo por diversión ...

function conditionalSwitch(value, cond, callback /* cond, callback, cond, callback, ... */) 
{ 
    for (var i = 1; i < arguments.length; i += 2) { 
    if (arguments[i](value)) { 
     arguments[i+1](value); 
     return; 
    } 
    } 
} 

var width, height; 

conditionalSwitch(5.1, 

    function(val) { return val > 10 }, 
    function() { 
    height = 48; 
    width = 36 
    }, 

    function(val) { return val > 5 }, 
    function() { 
    height = 40; 
    width = 30 
    }, 

    //Default 

    function(val) { return true }, 
    function() { 
    height = 16; 
    width = 12; 
    } 
) 

console.log(width, height);