javascript :utiliser une condition dans le cas du commutateur

Question

Désolé pour cette question stupide.Comment puis-je utiliser une condition pour un cas dans l'élément de langage javascript switch-case ?Comme dans l'exemple ci-dessous, une casse doit correspondre lorsque la variable liCount est <=5 et >0 ;cependant, mon code ne fonctionne pas :

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

Merci pour tout conseil!

Answer 1

Cela marche:

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

Une version précédente de cette réponse considérait les parenthèses comme coupables.En vérité, les parenthèses n'ont aucune importance ici - la seule chose nécessaire est switch(true){...} et pour que vos expressions de cas soient évaluées en booléens.

Cela fonctionne parce que la valeur que nous donnons au commutateur est utilisée comme base de comparaison.Par conséquent, les expressions de cas, également évaluées en booléens, détermineront quel cas est exécuté.Pourrait également inverser la tendance et passer switch(false){..} et demandez aux expressions souhaitées d'être évaluées à false au lieu de true.mais je préfère personnellement faire face à des conditions qui s'évaluent à la véracité.Cependant, cela fonctionne aussi, il convient donc de le garder à l'esprit pour comprendre ce qu'il fait.

Par exemple:si liCount vaut 3, la première comparaison est true === (liCount == 0), ce qui signifie que le premier cas est faux.Le commutateur passe ensuite au cas suivant true === (liCount<=5 && liCount>0).Cette expression est évaluée à vrai, ce qui signifie que ce cas est exécuté et se termine au break.J'ai ajouté des parenthèses ici pour que ce soit plus clair, mais elles sont facultatives, selon la complexité de votre expression.

C'est assez simple et constitue une manière intéressante (si cela correspond à ce que vous essayez de faire) de gérer une longue série de conditions, où peut-être une longue série de ìf() ... else if() ... else if () ... pourrait introduire beaucoup de bruit visuel ou de fragilité.

À utiliser avec prudence, car il s'agit d'un modèle non standard, bien qu'il s'agisse d'un code valide.

Answer 2

Vous avez chemin cela a été trop compliqué.Écrivez-le plutôt avec des instructions if comme ceci :

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

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

Ou si ChaosPandion essaie d'optimiser autant que possible :

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

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

Answer 3

Vous souhaitez utiliser les instructions if :

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

Answer 4

Voir réponse de dmp ci-dessous.Je supprimerais cette réponse si je le pouvais, mais elle a été acceptée, c'est donc la meilleure chose à faire :)

Vous ne pouvez pas.Les interprètes JS vous demandent de comparer avec l'instruction switch (par ex.il n'y a pas de déclaration "cas quand").Si vous voulez vraiment faire ça, vous pouvez simplement faire if(){ .. } else if(){ .. } blocs.

Answer 5

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

fonctionnera en JavaScript tant que vos conditions seront correctes boolean valeurs, mais cela n'a pas beaucoup d'avantages par rapport à else if déclarations.

Answer 6

Si c'est ce que tu veux faire, il vaudrait mieux utiliser if déclarations.Par exemple:

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

Answer 7

C'est un cas où vous devriez utiliser if clauses.

Answer 8

Votre code ne fonctionne pas car il ne fait pas ce que vous attendez de lui.Les blocs de commutation prennent une valeur et comparent chaque cas à la valeur donnée, en recherchant l'égalité.Votre valeur de comparaison est un entier, mais la plupart de vos expressions de cas se résolvent en une valeur booléenne.

Ainsi, par exemple, disons liCount = 2.Votre premier cas ne correspondra pas, car 2 != 0.Votre deuxième cas, (liCount<=5 && liCount>0) évalue à true, mais 2 != true, donc ce cas ne correspondra pas non plus.

Pour cette raison, comme beaucoup d’autres l’ont dit, vous devriez utiliser une série de if...then...else if blocs pour ce faire.

Answer 9

si les valeurs possibles sont des nombres entiers, vous pouvez regrouper les cas.Sinon, utilisez si.

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

Answer 10

Notez que nous ne transmettons pas le score au commutateur mais c'est vrai.La valeur que nous attribuons au commutateur est utilisée comme base de comparaison.

L'exemple ci-dessous montre comment nous pouvons ajouter des conditions dans le cas :sans aucune instruction 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;
}