Instruction JavaScript Switch (avec exemples)

Dans ce didacticiel, vous découvrirez l'instruction de commutation JavaScript à l'aide d'exemples.

L' switchinstruction JavaScript est utilisée dans la prise de décision.

L' switchinstruction évalue une expression et exécute le corps correspondant qui correspond au résultat de l'expression.

La syntaxe de l' switchinstruction est:

 switch(variable/expression) ( case value1: // body of case 1 break; case value2: // body of case 2 break; case valueN: // body of case N break; default: // body of default )

L' switchinstruction évalue une variable / expression entre parenthèses ().

Si le résultat de l'expression est égal à value1, son corps est exécuté.
Si le résultat de l'expression est égal à value2, son corps est exécuté.
Ce processus se poursuit. S'il n'y a pas de cas correspondant, le defaultcorps s'exécute.

Remarques:

La breakdéclaration est facultative. Si l'instruction break est rencontrée, l'instruction switch se termine.
Si l' breakinstruction n'est pas utilisée, les cas après le cas correspondant sont également exécutés.
La defaultclause est également facultative.

Organigramme de la déclaration de commutation

Organigramme de l'instruction de commutation JavaScript

Exemple 1: programme simple utilisant l'instruction switch

 // program using switch statement let a = 2; switch (a) ( case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);

Production

 La valeur est de deux.

Dans le programme ci-dessus, une expression a = 2est évaluée avec une switchinstruction.

Le résultat de l'expression est évalué avec le case 1résultat false.
Ensuite, la switchdéclaration va au deuxième cas. Ici, le résultat de l' expression correspond à case 2. Donc, la valeur est deux est affichée.
L' breakinstruction termine le bloc et le flux de contrôle du programme saute à l'extérieur du switchbloc.

Exemple 2: vérification de type dans l'instruction switch

 // program using switch statement let a = 1; switch (a) ( case "1": a = 1; break; case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);

Production

 La valeur est un.

Dans le programme ci-dessus, une expression a = 1est évaluée avec une switchinstruction.

En JavaScript, l'instruction switch vérifie strictement la valeur. Le résultat de l'expression ne correspond donc pas à case "1".
Ensuite, la switchdéclaration va au deuxième cas. Ici, le résultat des expressions correspond à case 1. Donc, la valeur est un est affiché.
L' breakinstruction termine le bloc et le flux de contrôle du programme saute à l'extérieur du switchbloc.

Remarque : En JavaScript, l'instruction switch vérifie strictement les cas (doivent être du même type de données) avec le résultat de l'expression. Remarquez dans l'exemple ci-dessus, 1 ne correspond pas à «1» .

Écrivons un programme pour créer une simple calculatrice avec l' switchinstruction.

Exemple 3: calculatrice simple

 // program for a simple calculator let result; // take the operator input const operator = prompt('Enter operator ( either +, -, * or / ): '); // take the operand input const number1 = parseFloat(prompt('Enter first number: ')); const number2 = parseFloat(prompt('Enter second number: ')); switch(operator) ( case '+': result = number1 + number2; console.log(`$(number1) + $(number2) = $(result)`); break; case '-': result = number1 - number2; console.log(`$(number1) - $(number2) = $(result)`); break; case '*': result = number1 * number2; console.log(`$(number1) * $(number2) = $(result)`); break; case '/': result = number1 / number2; console.log(`$(number1) / $(number2) = $(result)`); break; default: console.log('Invalid operator'); break; )

Production

 Saisir l'opérateur: + Saisir le premier chiffre: 4 Saisir le second chiffre: 5 4 + 5 = 9

Dans le programme ci-dessus, l'utilisateur est invité à entrer soit + , - , * ou /, et deux opérandes. Ensuite, l' switchinstruction exécute les cas en fonction de l'entrée utilisateur.

Commutateur JavaScript avec plusieurs cas

Dans une instruction de commutation JavaScript, les observations peuvent être regroupées pour partager le même code.

Exemple 4: commutateur avec plusieurs cas

 // multiple case switch program let fruit = 'apple'; switch(fruit) ( case 'apple': case 'mango': case 'pineapple': console.log(`$(fruit) is a fruit.`); break; default: console.log(`$(fruit) is not a fruit.`); break; )

Production