Tuyên bố chuyển đổi điều kiện Javascript

Question

Có cách nào để viết câu lệnh chuyển đổi có điều kiện trong javascript không?

Tôi đoán không, vì sau sẽ luôn luôn mặc định:

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

Nếu không, những gì tôi nên sử dụng thay vì - một chặng đường dài nếu/else?

nhờ :)

Answer 1

Trong một switch statement, giá trị đánh giá của biểu thức switch được so sánh với các giá trị các đánh giá trong các trường hợp. Vì vậy, ở đây giá trị của raw_value (số) được so sánh với raw_value > 10.0 (biểu thức so sánh) và raw_value > 5.0 (biểu thức so sánh).

Vì vậy, trừ khi một trong các biểu thức trường hợp của bạn mang lại số bằng 11.0 hoặc bạn sử dụng biểu thức switchtrue, bạn sẽ luôn nhận được trường hợp mặc định.

Chỉ cần sử dụng một đơn giản if/else thay vì:

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

Không, báo cáo kết quả switch không hoạt động sử dụng như thế. Tuy nhiên, tuyên bố này không phải lúc nào cũng đơn giản hơn. Ví dụ, phiên bản switch mất 15 dòng:

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

và "dài" if/else phiên bản chỉ 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; 
} 

Vì vậy, trong trường hợp của bạn, nó là tốt hơn để sử dụng một giây hơn là người đầu tiên ...

Answer 3

như thế này:

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

Các biểu thức trong câu lệnh case sẽ đánh giá là true hoặc false và nếu điều đó khớp với điều kiện switch ... voilà. default hoạt động như một else.

Phần thưởng: bạn có thể đảo ngược toàn bộ logic bằng cách thay thế đơn giản true bằng false. Với câu lệnh if ... else if, bạn phải chỉnh sửa từng mệnh đề riêng lẻ.

Answer 4

Đừng cố gắng này ở nhà, hoặc mang nó nghiêm túc, đây là chỉ để cho vui ...

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