Instructions Switch JavaScript

switch L'instruction est utilisée pour exécuter différentes actions en fonction de différentes conditions.

Instructions Switch JavaScript

Veuillez utiliser switch Utilisez une instruction pour choisir l'un des blocs de code à exécuter.

Grammaire

switch(expression) {
     case n:
        Bloc de code
        break;
     case n:
        Bloc de code
        break;
     default:
        Bloc de code par défaut
}

Explication du code :

  • Calculez une seule expression switch
  • Comparez la valeur de l'expression avec chaque valeur de cas
  • Si une correspondance existe, exécutez le code associé

Exemple

La méthode getDay() retourne un nombre entre 0 et 6 pour le nom du jour de la semaine (numéro de jour de la semaine).

(Sunday=0, Monday=1, Tuesday=2 ..)

Dans cet exemple, le nom de la semaine est calculé à l'aide de numéros de nom de jour de la semaine :

switch (new Date().getDay()) {
    case 0:
        day = "dimanche";
        break;
    case 1:
        day = "lundi";
         break;
    case 2:
        day = "mardi";
         break;
    case 3:
        day = "mercredi";
         break;
    case 4:
        day = "jeudi";
         break;
    case 5:
        day = "vendredi";
         break;
    case 6:
        day = "samedi";
}

Le résultat sera :

Essayez-le vous-même

mot-clé break

Si JavaScript rencontre break mot-clé, qui sortira du bloc switch.

Cela arrêtera l'exécution de plus de codes dans le bloc et les tests de cas.

Si une correspondance est trouvée et la tâche est terminée, arrêtez l'exécution aléatoirement (break). Aucun autre test n'est nécessaire.

break Il peut économiser beaucoup de temps d'exécution, car il "ignore" l'exécution d'autres codes dans le bloc switch.

Il n'est pas nécessaire de rompre le dernier cas du bloc switch. Le bloc se termine naturellement ici.

mot-clé par défaut

par défaut Le mot-clé spécifie le code à exécuter lorsqu'il n'y a pas de correspondance de cas :

Exemple

getDay() La méthode retourne un nombre entre 0 et 6 pour le nom du jour de la semaine.

Si aujourd'hui n'est ni samedi (6) ni dimanche (0), affichez un message par défaut :

switch (new Date().getDay()) {
    case 6:
        text = "C'est samedi aujourd'hui";
        break; 
    case 0:
        text = "C'est dimanche aujourd'hui";
        break; 
    default: 
        text = "Attends le week-end ~";
}

Le résultat de text est :

Essayez-le vous-même

par défautle cas n'a pas besoin d'être le dernier cas du bloc switch :

Exemple

switch (new Date().getDay()) {
    default: 
        text = "Attends le week-end !";
         break;
    case 6:
        text = "C'est samedi aujourd'hui";
        break; 
    case 0:
        text = "C'est dimanche aujourd'hui";
}

Essayez-le vous-même

si par défaut Si ce n'est pas le dernier cas du bloc switch, n'oubliez pas d'utiliser break pour terminer le cas par défaut.

Blocs de code courants

Parfois, vous pouvez avoir besoin de différents cas pour utiliser le même code.

Dans cet exemple, les cas 4 et 5 partagent le même bloc de code, tandis que 0 et 6 partagent un autre bloc de code :

Exemple

switch (new Date().getDay()) {
    case 4:
    case 5:
        text = "Le week-end approche :）";
        break; 
    case 0:
    case 6:
        text = "Aujourd'hui est le week-end ~";
         break;
    default: 
        text = "Attends le week-end !";
}

Essayez-le vous-même

Détails de Switching

Si plusieurs cas correspondent à une valeur de cas, le premier cas est sélectionné.

Si le cas correspondant n'est pas trouvé, le programme continuera avec le label par défaut.

Si le label par défaut n'est pas trouvé, le programme continuera après le switch.

Comparaison stricte

Les cas switch utilisent une comparaison stricte (===)

La valeur doit être du même type que celui à correspondre.

Seules les opérations de même type peuvent être strictement comparées pour être true.

Dans cet exemple, x ne correspondra pas :

Exemple

var x = "0";
switch (x) {
  case 0:
    text = "Off";
    break;
  case 1:
    text = "On";
    break;
  default:
    text = "Aucune valeur trouvée";
}

Essayez-le vous-même

Livres de complément

Pour plus d'informations sur Instructions Switch JavaScriptPour plus d'informations sur la connaissance, veuillez lire le contenu pertinent du tutoriel avancé JavaScript :

Instructions switch ECMAScript
Les instructions switch sont des frères des instructions if. Cette section présente l'utilisation des instructions switch ainsi que les différences avec les instructions switch en Java.