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){...}і для виразів вашого випадку оцінити булеві значення.

Це працює, оскільки значення, яке ми надаємо комутатору, використовується як основа для порівняння. Отже, вирази регістру, які також обчислюють логічні значення, визначатимуть, який випадок буде запущено. Можна також перевернути це, і передати, 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;
}

працюватиме в JavaScript до тих пір, поки ваші умови повернуть належні booleanзначення, але він не має великих переваг перед 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не є доречним, є приклад, коли перемикання все ще є доцільним / корисним, але також потрібні інші вирази оцінки. Цього можна досягти, використовуючи речення за замовчуванням для виразів:

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