Introduction à la déclaration de cas en JavaScript
JavaScript est le langage de script côté client le plus populaire qui est pris en charge par presque tous les navigateurs. Il s'agit d'un langage de programmation dynamique open source utilisé par les développeurs frontaux. Presque tous les frameworks frontaux populaires comme Angular, React, etc. sont basés sur JavaScript; le code final qui est généré est uniquement en JavaScript pur. Comme tout autre langage de programmation, JavaScript a la capacité de prendre des décisions à l'aide d'instructions conditionnelles qui sont très utiles et nécessaires à la prise de décision au moment de l'exécution. Les instructions décisionnelles sont l'épine dorsale de tout langage de programmation car, selon les différents scénarios et situations, nous sommes en mesure d'exécuter des instructions particulières.
Qu'est-ce que la déclaration de cas en JavaScript?
Lors de l'écriture de programmes, il peut y avoir une situation où nous devons en exécuter une partie particulière en fonction de la situation. Cela fait référence au choix et à l'exécution dynamiques de la partie préférée du code. Dans ce type de situations, nous pouvons utiliser des instructions conditionnelles qui nous permettent de prendre une décision au moment de l'exécution et d'exécuter la bonne partie.
JavaScript prend en charge les instructions conditionnelles telles que l'instruction if, l'instruction if… else…, l'instruction switch case, etc. Ces instructions sont utilisées pour décider du flux d'exécution en fonction de différentes conditions. Voyons comment fonctionne une instruction et ses détails, puis nous essaierons de comprendre pourquoi avons-nous besoin de basculer les instructions et leurs détails en profondeur.
Si Statement fonctionne de cette manière, si une condition est vraie, alors elle exécutera le code de if block sinon si une condition est fausse, alors elle exécutera le code de else block. La condition ici est ce que nous passons réellement pour prendre la décision pour le programme. Dans le cas d'une instruction if, l'instruction condition est principalement une variable booléenne ou une expression renvoyant une variable booléenne, elle est soit True, soit False. En fonction de cette valeur, l'instruction If exécute un bloc de code particulier. Il existe trois formes de déclaration if,
- Déclaration If
- If else Statement
- If else if Statement
Comment fonctionne la déclaration?
If (condition 1) (
//execute this block when condition 1 is true
)
else if (condition 2) (
//execute this block when condition 2 is true
)
.
.
.
else (
//execute this block when none of condition is true
)
Par exemple, l'instruction if vérifiera la condition une par une et exécutera un bloc de code particulier. Ce type d'exécution est OK pour un plus petit nombre de conditions, mais imaginez, si nous avons un grand nombre de conditions, alors il devient difficile de suivre le code, le code devient désordonné et moins efficace. Dans ce type de scénarios, l'instruction switch case est utile. L'instruction switch case est utilisée comme alternative à plusieurs instructions if… else…. Ils sont plus efficaces lors du test de plusieurs conditions.
Comment fonctionne la déclaration de cas dans Java Script?
L'instruction case exécute l'un des nombreux blocs de code basés sur une variable ou une valeur de l'expression.
Syntaxe:
switch(expression)
(
case a:
//Statement or expression;
break;
case b:
//Statement or expression;
break;
.
.
.
default:
//default statement or expression;
)
- L'instruction case évalue d'abord l'expression et en découvre la valeur.
- Ensuite, il correspond à la même valeur avec chaque instruction case. Dans notre cas, une fois la valeur de l'expression déterminée, elle sera comparée aux valeurs de cas a, b, etc.
- Après avoir mis en correspondance la valeur avec les instructions case, si une correspondance est trouvée, elle exécute le code ou l'expression dans ce bloc et quitte le bloc de commutation.
- Il continue en comparant un à un le résultat de l'expression avec toutes les valeurs de casse.
- Si aucune correspondance n'est trouvée dans toutes les instructions case, il exécute le bloc de code à partir de l'instruction case par défaut. le bloc par défaut est toujours exécuté lorsqu'aucune correspondance n'est trouvée.
- Le mot clé Break est utilisé après chaque exécution de bloc de cas. Fondamentalement, il indique au programme de quitter l'instruction switch.
- Si l'instruction break n'est pas utilisée, l'exécution du programme continuera en exécutant le code du bloc de cas suivant et elle continuera jusqu'à ce qu'il découvre le mot clé break ou exécute le bloc par défaut final.
Représentation schématique:
Dans le cas des instructions case, la condition peut être une expression ou une valeur de n'importe quel type de données. L'expression n'est rien d'autre qu'une instruction conditionnelle renvoyant la valeur appropriée à comparer. Les instructions de casse de commutateur sont bonnes pour évaluer les types de données fixes.
Exemples de déclaration de cas en JavaScript
Voici des exemples de déclaration de cas en JavaScript:
Exemple 1
var x = 1;
switch (x)
(
case 0:
console.log(“Zero”);
break;
case 1:
console.log(“One”);
break;
case 2:
console.log(“Two”);
break;
default:
console.log (“Not Zero, One or Two);
)
Dans l'exemple ci-dessus, la variable x est de type entier et nous lui avons attribué la valeur 1. x est transmis en tant qu'expression à l'instruction switch. Maintenant, la valeur de x est comparée à tous les cas, dans notre cas, elle sera mise en correspondance avec le cas 1. Cela exécutera le bloc pour le cas 1 et le programme imprimera «One» sur la console. Si la valeur de x était différente, le bloc par défaut aurait été exécuté.
Exemple 2
var colour = “Blue”;
switch(colour)
(
case “Red”:
alert (“Colour is Red”);
break;
case “Green”:
alert (“Colour is Green”);
break;
case “Blue”:
alert (“Colour is Blue”);
break;
default:
alert (“No Colour Match”);
)
L'exemple ci-dessus correspondra à la couleur bleue et affichera l'alerte dans le navigateur comme «la couleur est bleue». Notez que le type de données d'expression ici est String. Dans l'exemple précédent, il était de type Integer.
Conclusion
JavaScript a le support très large des instructions conditionnelles. Les instructions case sont une alternative aux instructions if-else multiples. Les déclarations de cas rendent le code efficace et semblent moins compliqué. Les déclarations de cas sont très utiles en JavaScript où le test de plusieurs grands nombres de conditions est requis.
Articles recommandés
Ceci est un guide de la déclaration de cas en JavaScript. Ici, nous discutons comment fonctionne l'instruction case avec les exemples de déclaration case en javascript. Vous pouvez également consulter les articles suivants pour en savoir plus -
- Tableaux en JavaScript
- Fonctionnement de JavaScript
- Aide-mémoire JavaScript
- Carrières en JavaScript
- C Multiplication de la matrice de programmation
- Boîtier de commutateur dans PowerShell | Paramètres | Exemples