JavaScript interrupteur Déclaration

Exemple

Exécuter un bloc de code sur la base de l'entrée d'utilisateur:

var text;
var fruits = document.getElementById("myInput").value;

switch(fruits) {
    case "Banana":
        text = "Banana is good!";
        break;
    case "Orange":
        text = "I am not a fan of orange.";
        break;
    case "Apple":
        text = "How you like them apples?";
        break;
    default:
        text = "I have never heard of that fruit...";
}

Le résultat du texte pourrait être:

How you like them apples?

Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

L'instruction switch exécute un bloc de code en fonction des différents cas.

L'instruction switch est une partie de JavaScript de "Conditional" Des déclarations, qui sont utilisés pour effectuer différentes actions en fonction des conditions différentes. Utilisez l'interrupteur pour sélectionner l'un des nombreux blocs de code à exécuter. Ceci est la solution idéale pour longtemps, imbriquée if / else déclarations.

L'instruction switch évalue une expression. La valeur de l'expression est alors comparée avec les valeurs de chaque fois dans la structure. S'il y a un match, le bloc associé de code est exécuté.

L'instruction switch est souvent utilisé conjointement avec une pause ou un mot clé par défaut (or both) les (or both) . Ce sont tous deux en option:

Le mot - clé de rupture éclate du bloc de commutation. Cela arrêtera l'exécution de plus exécution de code et / ou des tests de cas à l'intérieur du bloc. Si la rupture est omis, le bloc de code suivant dans l'instruction switch est exécutée.

Le mot - clé par défaut spécifie un code à exécuter s'il n'y a pas de correspondance de cas. Il ne peut y avoir un mot-clé par défaut dans un commutateur. Bien que ce soit en option, il est recommandé de l'utiliser, car il prend en charge des cas inattendus.

Support du navigateur

Déclaration
switch	Oui	Oui	Oui	Oui	Oui

Syntaxe

switch( expression ) {
    case n :
        code block
        break;
    case n :
        code block
        break;
    default:
        default code block
}

Les valeurs des paramètres

Paramètre	La description
expression	Champs obligatoires. Indique une expression à évaluer. L'expression est évaluée une fois. La valeur de l'expression est comparée avec les valeurs de chacune des étiquettes de cas dans la structure. S'il y a un match, le bloc associé de code est exécuté

Détails techniques

JavaScript Version:	1.2

autres exemples

Exemple

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

var day;
switch (new Date().getDay()) {
    case 0:
      day = "Sunday";
        break;
    case 1:
      day = "Monday";
        break;
    case 2:
      day = "Tuesday";
        break;
    case 3:
      day = "Wednesday";
        break;
    case 4:
      day = "Thursday";
        break;
    case 5:
      day = "Friday";
        break;
    case 6:
      day = "Saturday";
        break;
    default:
        day = "Unknown Day";
}

Le résultat de la journée sera:

Essayez vous - même »

Exemple

Si aujourd'hui est ni samedi ni dimanche, écrire un message par défaut:

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

Le résultat du texte sera:

Essayez vous - même »

Exemple

Parfois, vous voulez différents cas d'utiliser le même code, ou d'avoir à travers un défaut commun.

Notez que dans cet exemple, les cas partagent le même bloc de code, et que le cas par défaut ne doit pas être le dernier cas dans un bloc de commutation (cependant, si par défaut n'est pas le dernier cas dans le bloc de commutation, n'oubliez pas de mettre fin avec une pause).

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

Essayez vous - même »

Exemple

En utilisant l'instruction switch pour exécuter un bloc de code basé sur l'entrée d'utilisateur, à partir d'une boîte rapide:

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

Essayez vous - même »