Instruction switch en JavaScript

Définition et utilisation

L'instruction switch exécute des blocs de code en fonction de différentes situations.

L'instruction switch fait partie des

La statement switch calcule l'expression. Ensuite, la valeur de l'expression est comparée à la valeur de chaque case dans la structure. Si une correspondance est trouvée, le bloc de code associé est exécuté.

La statement switch est généralement utilisée avec la keyword break ou default (ou les deux) keyword. Ce sont des éléments optionnels :

La keyword break quitte le bloc switch. Cela arrête l'exécution de plus de code et/ou de tests de cas à l'intérieur du bloc. Si la keyword break est omise, le prochain bloc de code dans la statement switch est exécuté.

Si aucune étiquette case ne correspond, la keyword default spécifie un ensemble de codes à exécuter. Une seule keyword default peut être utilisée dans un switch. Bien que cela soit optionnel, il est recommandé de l'utiliser car il peut gérer des situations imprévues.

Example

Exécutez le bloc de code en fonction de l'entrée de l'utilisateur :

var text;
var fruits = document.getElementById("myInput").value;
switch(fruits) {
  case "Banana":
    text = "La banane est bonne !";
    break;
  case "Orange":
    text = "Je ne suis pas fan de l'orange.";
    break;
  case "Apple":
    text = "Comment vous trouvez-vous ces pommes ?";
    break;
  default:
    text = "Je n'ai jamais entendu parler de ce fruit...";
}

Try it yourself

Vous trouverez plus d'exemples TIY en bas de la page.

Syntaxe

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

Valeur du paramètre

Paramètres Description
expression Obligatoire. Spécifiez l'expression à calculer. L'expression est calculée une fois. La valeur de l'expression est comparée à la valeur de chaque étiquette case dans la structure. Si une correspondance est trouvée, le bloc de code correspondant est exécuté.

Détails techniques

Version JavaScript : ECMAScript 1

Plus d'exemples

Example

Utilisez le numéro du weekday d'aujourd'hui pour calculer le nom du weekday (dimanche=0, lundi=1, mardi=2, ...) :

var day;
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 = "Friday";
    break;
  case 6:
    day = "Saturday";
    break;
  default:
    day = "Unknown Day";
}

Try it yourself

Example

If today is neither Saturday nor Sunday, write a default message:

var text;
switch (new Date().getDay()) {
  case 6:
    text = "Today is Saturday";
    break; 
  case 0:
    text = "Today is Sunday";
    break; 
  default: 
    text = "Looking forward to the Weekend";
}

Try it yourself

Example

Sometimes you may want different cases to use the same code, or use the same default value.

Please note that in this example, cases share the same code block, and the default case does not have to be the last case in the switch block (but if the default is not the last case in the switch block, remember to end it with a break).

var text;
switch (new Date().getDay()) {
  case 1:
  case 2:
  case 3:
  default: 
    text = "Looking forward to the Weekend";
    break; 
  case 4:
  case 5:
    text = "Soon it is Weekend";
    break; 
  case 0:
  case 6:
    text = "It is Weekend";
}

Try it yourself

Example

Execute the code block using the switch statement based on the user input from the prompt box:

var text;
var favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
  case "Martini":
    text = "Excellent choice! Martini is good for your soul.";
    break;
  case "Daiquiri":
    text = "Daiquiri is my favorite too!";
    break;
  case "Cosmopolitan":
    text = "Really? Are you sure the Cosmopolitan is your favorite?";
    break;
  default:
    text = "I have never heard of that one..";
}

Try it yourself

Browser support

statement Chrome IE Firefox Safari Opera
switch Support Support Support Support Support

Related pages

Tutoriel JavaScript :JavaScript If...Else statement

Tutoriel JavaScript :Instructions Switch JavaScript

Manuel de référence JavaScript :Instructions if/else JavaScript

Manuel de référence JavaScript :Instructions break JavaScript