Cas de commutation avec conditions

Question

Est-ce que j'écris le bon switch case ?

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

Pour une raison quelconque, l'alerte ne se produit pas lorsque les conditions sont réunies !

Answer 1

Un interrupteur fonctionne en comparant ce qui est dans switch() à chaque case .

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

fonctionne comme ça :

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

Par conséquent, vous ne pouvez pas avoir de logique dans les instructions de cas.

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

fonctionne comme

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

et c'est juste une absurdité. :)

Utilice if () { } else if () { } else { } à la place.

Answer 2

Vous ne devez pas utiliser switch pour ce scénario. C'est la bonne approche :

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 3

Cela devrait fonctionner avec ce :

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

Une idée qui m'est venue en essayant de travailler sur un spinner était de permettre une certaine flexibilité dans le script sans utiliser une tonne de si déclarations.

Comme c'est une solution plus simple que d'itérer à travers un tableau pour vérifier une seule instance d'une classe présente, cela permet de garder le script plus propre. Toute suggestion pour nettoyer davantage le code est la bienvenue.

$('.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 5

Ce que vous faites, c'est chercher des résultats (0) ou (1).

(cnt >= 10 && cnt <= 20) renvoie soit vrai soit faux.

--edit-- vous ne pouvez pas utiliser la casse avec les expressions booléennes (logiques). L'instruction cnt >= 10 renvoie zéro pour faux ou un pour vrai. Par conséquent, elle nous donnera case(1) ou case(0), ce qui ne correspondra jamais à la longueur. --edit--