javascript：在切换情况下使用条件

很抱歉那个愚蠢的问题。如何在javascript切换案例语言元素中为案例使用条件？像下面的示例一样，当变量liCount<= 5和> 0时，大小写应该匹配；但是，我的代码不起作用：

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

感谢您的任何建议！

这有效：

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

此答案的先前版本认为括号是罪魁祸首。实际上，括号在这里是无关紧要的-唯一必要的是，switch(true){...}并且对于您的case表达式，其值必须为布尔值。

之所以起作用，是因为我们将给开关的值用作比较的依据。因此，同样对布尔值求值的case表达式将确定运行哪个case。也可以解决这个问题，传递switch(false){..}并让期望的表达式评估为false而不是true。但是个人更喜欢处理评估为真实的条件。但是，它也确实起作用，因此值得牢记以了解它在做什么。

例如：如果liCount为3，则第一个比较为true === (liCount == 0)，表示第一种情况为假。然后，开关继续进行下一种情况true === (liCount<=5 && liCount>0)。该表达式的计算结果为true，表示此情况已运行，并在处终止break。我在此处添加了括号以使其更清楚，但它们是可选的，具体取决于表达式的复杂性。

这很简单，并且以一种整洁的方式（如果适合您要执行的操作）来处理一系列条件，其中一系列ìf() ... else if() ... else if () ...可能会引入大量视觉噪声或脆弱性。

请谨慎使用，因为尽管它是有效的代码，但它是非标准模式。

你的方式过于复杂这一点。用if语句编写它，如下所示：

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

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

或者，如果ChaosPandion尝试尽可能优化：

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

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

您要使用if语句：

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

请参阅下面的dmp答案。如果可以的话，我会删除这个答案，但是它被接受了，所以这是下一件好事:)

你不能 JS解释器要求您与switch语句进行比较（例如，不存在“ case when”语句）。如果您确实想这样做，则可以制作if(){ .. } else if(){ .. }块。

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

只要您的条件返回正确的boolean值，它就可以在JavaScript中工作，但是与else if语句相比并没有很多优势。

在这种情况下，您应该使用if子句。

如果那是您要执行的操作，则最好使用if语句。例如：

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

您的代码无法正常工作，因为它没有按照您的期望进行操作。开关块采用一个值，并将每种情况与给定值进行比较，以寻找相等性。您的比较值是一个整数，但大多数情况下的表达式都解析为布尔值。

因此，例如说liCount = 2。您的第一种情况不匹配，因为2 != 0。您的第二种情况的(liCount<=5 && liCount>0)计算结果为true，但是2 != true，因此该情况​​也不匹配。

因此，正如许多其他人所说，您应该使用一系列if...then...else if块来执行此操作。

如果可能的值是整数，则可以组合大小写。否则，使用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();

请注意，我们没有将分数传递给开关，而是传递给您。我们提供给开关的值用作比较的基础。

以下示例说明了如何在这种情况下添加条件：不带任何if语句。

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

尽管在OP的问题的特定示例中switch不合适，但是有一个示例仍然是适当/有益的，但是还需要其他评估表达式。这可以通过对表达式使用default子句来实现：

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