javascript: anahtar durumunda bir koşul kullanma

Aptalca soru için üzgünüm. JavaScript anahtar durumu dil öğesindeki bir durum için bir koşulu nasıl kullanabilirim? Aşağıdaki örnekte olduğu gibi, değişken liCount<= 5 ve> 0 olduğunda bir durum eşleşmelidir ; ancak kodum çalışmıyor:

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

Herhangi bir tavsiye için teşekkürler!

Bu çalışıyor:

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

Bu cevabın önceki bir versiyonu parantezlerin suçlu olduğunu düşünüyordu. Gerçekte, parantezler burada alakasızdır - gerekli olan tek şey switch(true){...}ve sizin durum ifadelerinizin boole'lere göre değerlendirilmesi.

Çalışır çünkü, anahtara verdiğimiz değer, karşılaştırmak için temel olarak kullanılır. Sonuç olarak, mantıksal değerlere göre değerlendirilen durum ifadeleri de hangi durumun çalıştırılacağını belirleyecektir. Bunu tersine çevirebilir ve geçebilir switch(false){..}ve istenen ifadelerin doğru yerine yanlış olarak değerlendirilmesini sağlayabilir .. ama kişisel olarak doğruluğu değerlendiren koşullarla uğraşmayı tercih edebilir. Ancak, o da işe yarıyor, bu yüzden ne yaptığını anlamak için akılda tutmaya değer.

Örneğin: liCount 3 ise, ilk karşılaştırma true === (liCount == 0), yani ilk durum yanlıştır. Anahtar daha sonra bir sonraki duruma geçer true === (liCount<=5 && liCount>0). Bu ifade, true olarak değerlendirilir, yani bu durum çalıştırılır ve break. Daha açık hale getirmek için buraya parantezler ekledim, ancak ifadenizin karmaşıklığına bağlı olarak isteğe bağlıdırlar.

Oldukça basit ve (eğer yapmaya çalıştığınız şeye uyuyorsa), belki de uzun bir seri ìf() ... else if() ... else if () ...çok fazla görsel gürültü veya kırılganlık getirebilecek uzun bir dizi koşulu idare etmenin düzgün bir yolu .

Geçerli kod olmasına rağmen standart olmayan bir model olduğundan dikkatli kullanın.

Sen ettik yolu olduğunu overcomplicated. Bunun yerine if ifadeleri ile yazın:

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

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

Veya ChaosPandion mümkün olduğu kadar optimize etmeye çalışıyorsa:

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

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

İf ifadelerini kullanmak istiyorsunuz:

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

Aşağıdaki dmp'nin cevabına bakın. Yapabilseydim bu cevabı silerdim, ama kabul edildi, bu yüzden bu sonraki en iyi şey :)

Yapamazsın. JS Interpreters, switch ifadesiyle karşılaştırmanızı ister (örneğin, "case when" ifadesi yoktur). Bunu gerçekten yapmak istiyorsanız, sadece if(){ .. } else if(){ .. }bloklar yapabilirsiniz .

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

koşullarınız uygun booleandeğerleri döndürdüğü sürece JavaScript'te çalışacaktır , ancak else ififadelere göre pek çok avantajı yoktur .

Bu, ifcümle kullanmanız gereken bir durumdur .

Eğer yapmak istediğiniz buysa, ififadeler kullanmak daha iyi olacaktır . Örneğin:

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

Kodunuz çalışmıyor çünkü yapmasını beklediğiniz şeyi yapmıyor. Anahtar blokları bir değer alır ve her durumu verilen değerle karşılaştırarak eşitliği arar. Karşılaştırma değeriniz bir tam sayıdır, ancak durum ifadelerinizin çoğu bir boole değerine dönüşür.

Örneğin, diyelim liCount = 2. İlk davanız eşleşmeyecek çünkü 2 != 0. İkinci vakanız olarak (liCount<=5 && liCount>0)değerlendirilir true, ancak 2 != truebu nedenle bu vaka da eşleşmeyecektir.

Bu nedenle, diğerlerinin de söylediği gibi, bunu if...then...else ifyapmak için bir dizi blok kullanmalısınız .

olası değerler tam sayı ise, vakaları gruplayabilirsiniz. Aksi takdirde, ifs kullanın.

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

Değişime puan vermediğimize, ancak doğru olduğuna dikkat edin. Anahtara verdiğimiz değer, karşılaştırmak için temel olarak kullanılır.

Aşağıdaki örnek, vakaya nasıl koşul ekleyebileceğimizi gösterir: if ifadesi olmadan.

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'nin sorusunun belirli bir örneğinde switchuygun olmasa da, geçişin hala uygun / faydalı olduğu bir örnek vardır, ancak başka değerlendirme ifadeleri de gereklidir. Bu, ifadeler için varsayılan cümle kullanılarak elde edilebilir:

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

Geçiş durumunda düşme yöntemini kullanabilirsiniz.

const x = 'Welcome';

switch (x) {
  case 'Come':
    console.log(1)
    break;

  case 'Welcome':
  case 'Wel':
  case 'come':
    console.log(2)
    break;

  case 'Wel':
    console.log(3)
    break;

  default:
    break;
}

    
> Result => 2