javascript: sử dụng một điều kiện trong trường hợp chuyển đổi

Xin lỗi vì câu hỏi ngu ngốc đó. Làm cách nào để sử dụng điều kiện cho một trường hợp trong phần tử ngôn ngữ chuyển đổi-trường hợp của javascript? Giống như trong ví dụ bên dưới, một trường hợp phải khớp khi biến liCount<= 5 và> 0; tuy nhiên, mã của tôi không hoạt động:

switch (liCount) {
    case 0:
        setLayoutState('start');
        var api = $('#UploadList').data('jsp');
        api.reinitialise();
        break;
    case (liCount<=5 && liCount>0):
        setLayoutState('upload1Row');
        var api = $('#UploadList').data('jsp');
        api.reinitialise();
        break;
    case (liCount<=10 && liCount>5):
        setLayoutState('upload2Rows');
        var api = $('#UploadList').data('jsp');
        api.reinitialise();
        break;
    case (liCount>10):
        var api = $('#UploadList').data('jsp');
        api.reinitialise();
        break;                  
}

Cảm ơn vì bất kỳ lời khuyên!

Những công việc này:

switch (true) {
    case liCount == 0:
        setLayoutState('start');
        var api = $('#UploadList').data('jsp');
        api.reinitialise();
        break;
    case liCount<=5 && liCount>0:
        setLayoutState('upload1Row');
        var api = $('#UploadList').data('jsp');
        api.reinitialise();
        break;
    case liCount<=10 && liCount>5:
        setLayoutState('upload2Rows');
        var api = $('#UploadList').data('jsp');
        api.reinitialise();
        break;
    case liCount>10:
        var api = $('#UploadList').data('jsp');
        api.reinitialise();
        break;                  
}

Phiên bản trước của câu trả lời này coi dấu ngoặc đơn là thủ phạm. Trên thực tế, dấu ngoặc đơn không liên quan ở đây - điều duy nhất cần thiết là switch(true){...}và để các biểu thức trường hợp của bạn đánh giá thành boolean.

Nó hoạt động bởi vì, giá trị chúng tôi cung cấp cho công tắc được sử dụng làm cơ sở để so sánh với. Do đó, các biểu thức trường hợp, cũng được đánh giá thành boolean sẽ xác định trường hợp nào được chạy. Cũng có thể xoay chuyển điều này, và vượt qua switch(false){..}và có các biểu thức mong muốn được đánh giá thành sai thay vì đúng .. nhưng cá nhân tôi thích xử lý các điều kiện đánh giá tính trung thực. Tuy nhiên, nó cũng hoạt động, vì vậy cần ghi nhớ để hiểu những gì nó đang làm.

Ví dụ: nếu liCount là 3, so sánh đầu tiên là true === (liCount == 0), nghĩa là trường hợp đầu tiên là sai. Sau đó, công tắc chuyển sang trường hợp tiếp theo true === (liCount<=5 && liCount>0). Biểu thức này đánh giá là true, nghĩa là trường hợp này được chạy và kết thúc tại break. Tôi đã thêm dấu ngoặc đơn ở đây để làm rõ ràng hơn, nhưng chúng là tùy chọn, tùy thuộc vào mức độ phức tạp của biểu thức của bạn.

Nó khá đơn giản và là một cách gọn gàng (nếu nó phù hợp với những gì bạn đang cố gắng làm) để xử lý một loạt điều kiện dài, trong đó có lẽ một loạt điều kiện dài ìf() ... else if() ... else if () ...có thể gây ra nhiều nhiễu hình ảnh hoặc độ mỏng manh.

Hãy sử dụng một cách thận trọng, vì đây là một mẫu không chuẩn, mặc dù là mã hợp lệ.

Bạn đã cách overcomplicated đó. Viết nó bằng câu lệnh if thay thế như thế này:

if(liCount == 0)
    setLayoutState('start');
else if(liCount<=5)
    setLayoutState('upload1Row');
else if(liCount<=10)
    setLayoutState('upload2Rows');

$('#UploadList').data('jsp').reinitialise();

Hoặc, nếu ChaosPandion đang cố gắng tối ưu hóa nhiều nhất có thể:

setLayoutState(liCount == 0 ? 'start' :
               liCount <= 5 ? 'upload1Row' :
               liCount <= 10 ? 'upload2Rows' :
               null);

$('#UploadList').data('jsp').reinitialise();

Bạn muốn sử dụng câu lệnh if:

if (liCount === 0) {
    setLayoutState('start');
} else if (liCount <= 5) {
    setLayoutState('upload1Row');
} else if (liCount <= 10) {
    setLayoutState('upload2Rows');
}
$('#UploadList').data('jsp').reinitialise();  

Xem câu trả lời của dmp bên dưới. Tôi sẽ xóa câu trả lời này nếu tôi có thể, nhưng nó đã được chấp nhận vì vậy đây là điều tốt nhất tiếp theo :)

Bạn không thể. Trình thông dịch JS yêu cầu bạn so sánh với câu lệnh switch (ví dụ: không có câu lệnh "case when"). Nếu bạn thực sự muốn làm điều này, bạn chỉ có thể tạo if(){ .. } else if(){ .. }khối.

switch (true) {
  case condition0:
    ...
    break;
  case condition1:
    ...
    break;
}

sẽ hoạt động trong JavaScript miễn là các điều kiện của bạn trả về các booleangiá trị thích hợp , nhưng nó không có nhiều lợi thế so với các else ifcâu lệnh.

Đó là một trường hợp mà bạn nên sử dụng ifmệnh đề.

Nếu đó là những gì bạn muốn làm, sẽ tốt hơn nếu sử dụng các ifcâu lệnh. Ví dụ:

if(liCount == 0){
    setLayoutState('start');
}
if(liCount<=5 && liCount>0){
    setLayoutState('upload1Row');
}
if(liCount<=10 && liCount>5){
    setLayoutState('upload2Rows');
}             
var api = $('#UploadList').data('jsp');
    api.reinitialise();

Mã của bạn không hoạt động bởi vì nó không làm những gì bạn mong đợi. Các khối chuyển đổi nhận một giá trị và so sánh từng trường hợp với giá trị đã cho, tìm kiếm sự bình đẳng. Giá trị so sánh của bạn là một số nguyên, nhưng hầu hết các biểu thức trường hợp của bạn giải quyết thành giá trị boolean.

Vì vậy, ví dụ, nói liCount = 2. Trường hợp đầu tiên của bạn sẽ không phù hợp, bởi vì 2 != 0. Trường hợp thứ hai của bạn, (liCount<=5 && liCount>0)đánh giá true, nhưng 2 != true, vì vậy trường hợp này cũng sẽ không khớp.

Vì lý do này, như nhiều người khác đã nói, bạn nên sử dụng một loạt các if...then...else ifkhối để làm điều này.

nếu các giá trị có thể là số nguyên, bạn có thể tập hợp các trường hợp. Nếu không, hãy sử dụng ifs.

var api, tem;

switch(liCount){
    case 0:
    tem= 'start';
    break;
    case 1: case 2: case 3: case 4: case 5:
    tem= 'upload1Row';
    break;
    case 6: case 7: case 8: case 9: case 10:
    tem= 'upload2Rows';
    break;
    default:
    break;
}
if(tem) setLayoutState((tem);
api= $('#UploadList').data('jsp');
api.reinitialise();

Lưu ý rằng chúng tôi không chuyển điểm cho công tắc nhưng đúng. Giá trị chúng tôi cung cấp cho công tắc được sử dụng làm cơ sở để so sánh với.

Ví dụ dưới đây cho thấy cách chúng ta có thể thêm điều kiện trong trường hợp: mà không có bất kỳ câu lệnh if nào.

function getGrade(score) {
    let grade;
    // Write your code here
    switch(true) {
        case score >= 0 && score <= 5:
        grade = 'F';
        break;
        case score > 5 && score <= 10:
        grade = 'E';
        break;
        case score > 10 && score <= 15:
        grade = 'D';
        break;
        case score > 15 && score <= 20:
        grade = 'C';
        break;
        case score > 20 && score <= 25:
        grade = 'B';
        break;
        case score > 25 && score <= 30:
        grade = 'A';
        break;
    }

    return grade;
}

Mặc dù trong ví dụ cụ thể về câu hỏi của OP, switchlà không phù hợp, có một ví dụ mà switch vẫn phù hợp / có lợi, nhưng cũng cần có các biểu thức đánh giá khác. Điều này có thể đạt được bằng cách sử dụng mệnh đề mặc định cho các biểu thức:

switch (foo) {
  case 'bar':
    // do something
    break;
  case 'foo':
    // do something
    break;
  ... // other plain comparison cases
  default:
    if (foo.length > 16) {
      // something specific
    } else if (foo.length < 2) {
      // maybe error
    } else {
      // default action for everything else
    }
}