Оператор условного оператора Javascript

Question

Есть ли способ написать условный оператор switch в javascript?

Я не догадываясь, так как следующий всегда будет по умолчанию:

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; 
    } 

Если нет, то я должен использовать вместо этого - длинный, если/другое заявление?

благодарит :)

Answer 1

В switch statement, оцениваемое значение выражения switch сравниваются с оцениваемым значением случаев. Таким образом, значение raw_value (число) сравнивается с raw_value > 10.0 (сравнение) и raw_value > 5.0 (сравнение).

Таким образом, если одно из выражений вашего случая не дает числа, равного 11.0, или вы используете выражение switchtrue, вы всегда получите случай по умолчанию.

Просто используйте простой if/else вместо:

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

Нет, switch утверждение не работа используется как это. Однако это утверждение не всегда проще. Например, версия switch занимает 15 строк:

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; 
} 

и «длинный» if/else версия только 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; 
} 

Так что в вашем случае, лучше использовать вторую, чем первый ...

Answer 3

Как это:

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; 
} 

Выражения в операторах case будут оцениваться до true или false, а если это соответствует состоянию switch ... voilà. default действует как else.

Бонус: вы можете инвертировать всю логику, просто заменив true на false. С операторами if ... else if вам нужно будет редактировать каждое предложение if в отдельности.

Answer 4

Не пытайтесь повторить это дома, или принять его всерьез, это просто для удовольствия ...

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);