Schaltergehäuse mit Bedingungen

Question

Schreibe ich den richtigen Schalterkasten?

var cnt = $("#div1 p").length; 
       alert(cnt); 
       switch (cnt) { 
        case (cnt >= 10 && cnt <= 20): 
         alert('10'); 
         break; 
        case (cnt >= 21 && cnt <= 30): 
         alert('21'); 
         break; 
        case (cnt >= 31 && cnt <= 40): 
       alert('31'); 
         break; 
        default: 
         alert('>41'); 
       } 

Aus irgendeinem Grund tritt die Warnung nicht auf, wenn die Bedingungen übereinstimmen!

Answer 1

Sie sollten switch für dieses Szenario nicht verwenden. Dies ist der richtige Ansatz:

var cnt = $("#div1 p").length; 

alert(cnt); 

if (cnt >= 10 && cnt <= 20) 
{ 
    alert('10'); 
} 
else if (cnt >= 21 && cnt <= 30) 
{ 
    alert('21'); 
} 
else if (cnt >= 31 && cnt <= 40) 
{ 
    alert('31'); 
} 
else 
{ 
    alert('>41'); 
} 

Answer 2

Was Sie tun, ist nach (0) oder (1) Ergebnissen zu suchen.

(cnt> = 10 & & cnt < = 20) gibt entweder wahr oder falsch zurück.

--edit-- Sie können nicht Fall mit boolean (Logik) experessions verwenden. Die Anweisung cnt> = 10 gibt null für false oder eins für wahr zurück. Daher wird es Fall (1) oder Fall (0) geben, der niemals mit der Länge übereinstimmt. --edit--

Answer 3

Das mit dieser Arbeit sollte:

var cnt = $("#div1 p").length; 

      switch (true) { 
       case (cnt >= 10 && cnt <= 20): 
        alert('10'); 
        break; 
       case (cnt >= 21 && cnt <= 30): 
        alert('21'); 
        break; 
       case (cnt >= 31 && cnt <= 40): 
        break; 
       default: 
        alert('>41'); 
      } 

Answer 4

Ein Schalter funktioniert durch den Vergleich, was zu jedem case in switch() ist.

switch (cnt) { 
    case 1: .... 
    case 2: .... 
    case 3: .... 
} 

funktioniert wie:

if (cnt == 1) ... 
if (cnt == 2) ... 
if (cnt == 3) ... 

Daher Sie jede Logik in den Case-Anweisungen nicht haben kann.

switch (cnt) { 
    case (cnt >= 10 && cnt <= 20): ... 
} 

Werke wie

if (cnt == (cnt >= 10 && cnt <= 20)) ... 

und das ist nur Unsinn. :)

Verwenden Sie stattdessen if() { } else if() { } else { }.

Answer 5

Etwas, das ich kam auf bei dem Versuch war ein Spinner zu arbeiten, um für Flexibilität innerhalb des Skripts ohne die Verwendung einer Tonne wenn Aussagen zu ermöglichen.

Da dies eine einfachere Lösung ist, als durch ein Array zu iterieren, um nach einer einzelnen Instanz einer vorhandenen Klasse zu suchen, hält es das Skript sauberer. Vorschläge zur weiteren Reinigung des Codes sind willkommen.

$('.next').click(function(){ 
     var imageToSlide = $('#imageSprite'); // Get id of image 

     switch(true) { 
      case (imageToSlide.hasClass('pos1')): 
       imageToSlide.removeClass('pos1').addClass('pos2'); 
       break; 
      case (imageToSlide.hasClass('pos2')): 
       imageToSlide.removeClass('pos2').addClass('pos3'); 
       break; 
      case (imageToSlide.hasClass('pos3')): 
       imageToSlide.removeClass('pos3').addClass('pos4'); 
       break; 
      case (imageToSlide.hasClass('pos4')): 
       imageToSlide.removeClass('pos4').addClass('pos1'); 
     } 
    }); ` 

Answer 6

Schalter Fall ist jede Hilfe voll statt, wenn else-Anweisung:

 switch ($("[id*=btnSave]").val()) { 
     case 'Search': 
      saveFlight(); 
      break; 
     case 'Update': 
      break; 
     case 'Delete': 
      break; 
     default: 
      break; 
    } 

Answer 7

function date_conversion(start_date){ 
    var formattedDate = new Date(start_date); 
    var d = formattedDate.getDate(); 
    var m = formattedDate.getMonth(); 
    var month; 
    m += 1; // JavaScript months are 0-11 
    switch (m) { 
     case 1: { 
      month="Jan"; 
      break; 
     } 
     case 2: { 
      month="Feb"; 
      break; 
     } 
     case 3: { 
      month="Mar"; 
      break; 
     } 
     case 4: { 
      month="Apr"; 
      break; 
     } 
     case 5: { 
      month="May"; 
      break; 
     } 
     case 6: { 
      month="Jun"; 
      break; 
     } 
     case 7: { 
      month="Jul"; 
      break; 
     } 
     case 8: { 
      month="Aug"; 
      break; 
     } 
     case 9: { 
      month="Sep"; 
      break; 
     } 
     case 10: { 
      month="Oct"; 
      break; 
     } 
     case 11: { 
      month="Nov"; 
      break; 
     } 
     case 12: { 
      month="Dec"; 
      break; 
     } 
    } 
    var y = formattedDate.getFullYear(); 
    var now_date=d + "-" + month + "-" + y; 
    return now_date; 
}