Introduction à la déclaration Switch en JavaScript

Dans cette rubrique, nous discuterons de l'instruction switch en JavaScript. Avec l'avènement de la technologie, les ordinateurs se sont développés, ce qui a entraîné la nécessité d'un langage de programmation. Il existe de nombreux langages de programmation qui incluent à la fois un langage de bas niveau et un langage de haut niveau. Les langues de haut niveau sont plus faciles à utiliser car elles sont faciles à comprendre par rapport aux langues de bas niveau. JavaScript est l'un de ces langages de haut niveau qui est largement utilisé comme langage frontal à des fins de programmation. Il y a beaucoup de concepts que l'on doit étudier et pratiquer pour comprendre les concepts de base.

Qu'est-ce que la déclaration Switch en JavaScript?

Il existe plusieurs méthodes conditionnelles en JavaScript telles que la méthode if-else, la méthode if-else-if, la méthode while, la méthode do-while et plusieurs autres méthodes également. Parmi ces différentes méthodes en JavaScript, une de ces méthodes est la méthode de l'instruction switch. Dans cette méthode, nous l'utilisons pour exécuter un ensemble particulier d'instructions ou de code si la condition satisfait. Une instruction switch contient généralement plusieurs blocs de cas avec un cas par défaut facultatif. Selon la condition, un ou plusieurs cas peuvent s'exécuter si les cas satisfont. Dans le cas où aucun bloc d'instruction de commutateur ne devient vrai, le cas par défaut est exécuté automatiquement s'il est ajouté dans le codage.

Syntaxe de la déclaration du commutateur JavaScript

Essayons de comprendre la syntaxe de base de JavaScript dans une instruction switch.

switch(an expression which needs to be checked) (
case x:
// block of code or instructions
break;
case y:
// block of code or instructions
break;
default:
// block of code or instructions for default condition
)

Maintenant, essayons de comprendre comment ce bloc de l'instruction s'exécute réellement.

  • Une expression qui doit être vérifiée - Dans cette déclaration, nous vérifions l'expression qui doit être évaluée. Sur la base de l'exécution de l'expression, le cas de commutation satisfaisant sera exécuté.
  • Différents cas - Lors de l'exécution d'une expression, le cas qui satisfait l'expression est exécuté
  • Cas par défaut - Si l'un des cas de commutation n'est pas satisfait, le cas par défaut est exécuté.

Représentation schématique

Examinons maintenant l'organigramme de l'instruction switch.

Voyons maintenant comment fonctionne l'instruction switch en JavaScript.

Comment fonctionne la déclaration Switch en JavaScript?

Comme expliqué plus haut dans l'article, une instruction switch contient généralement trois sous-sections qui sont -

  • Expression à évaluer.
  • Cas qui s'exécute pour l'expression.
  • Cas par défaut qui doit être exécuté si aucun cas n'est satisfait.

Les responsabilités fondamentales de ces sous-sections sont -

  • Une expression qui doit être vérifiée - Dans cette déclaration, nous vérifions l'expression qui doit être évaluée. Sur la base de l'exécution de l'expression, le cas de commutation satisfaisant sera exécuté.
  • Différents cas - Lors de l'exécution d'une expression, le cas qui satisfait l'expression est exécuté.
  • Cas par défaut - Si l'un des cas de commutation n'est pas satisfait, le cas par défaut est exécuté.

Exemples

Maintenant, prenons un exemple qui prend un nombre de l'utilisateur dans une zone de saisie, si le nombre est inférieur à 10, il montre que le nombre entré par l'utilisateur autrement affichera le message que le nombre entré est supérieur à 10.

Copiez simplement le code suivant et collez-le dans le fichier HTML pour l'exécuter.

Instruction de commutateur JavaScript


Entrez le numéro dans la zone de texte


var text = '', labelVal = "";
fonction checkVal () (
text = document.getElementById ("inputBox"). value;
labelVal = '';
text = Number (texte)
commutateur (texte) (
cas 1:
labelVal = "Vous avez entré 1";
Pause;
cas 2:
labelVal = "Vous avez entré 2";
Pause;
cas 3:
labelVal = "Vous avez entré 3";
Pause;
cas 4:
labelVal = "Vous avez entré 4";
Pause;
cas 5:
labelVal = "Vous avez entré 5";
Pause;
cas 6:
label Val = "Vous avez entré 6";
Pause;
cas 7:
labelVal = "Vous avez entré 7";
Pause;
cas 8:
label Val = "Vous avez entré 8";
Pause;
cas 9:
labelVal = "Vous avez entré 9";
Pause;
défaut:
labelVal = "Entrez une valeur inférieure à 10";
)
document.getElementById ("labelVal"). innerText = labelVal;
)

Voyons maintenant l'exemple avec la valeur entrée:

Valeur d'entrée: 6

Valeur de sortie: vous avez entré 6

Voyons maintenant comment exécuter plusieurs instructions switch en JavaScript.

Exécution de plusieurs cas si la condition est satisfaite

Voyons maintenant comment exécuter plusieurs cas. Copiez le code suivant et collez-le dans un fichier HTML pour l'exécuter.

Instruction de commutateur JavaScript


Entrez le numéro dans la zone de texte


var text = '', labelVal = "";
fonction checkVal () (
text = document.getElementById ("inputBox"). value;
labelVal = '';
text = Number (texte)
commutateur (texte) (
cas 1:
labelVal = labelVal + "Vous avez entré 1";
cas 2:
labelVal = labelVal + "Vous avez entré 2";
cas 3:
labelVal = labelVal + "Vous avez entré 3";
Pause;
cas 4:
label Val = labelVal + "Vous avez entré 4";
cas 5:
label Val = labelVal + "Vous avez entré 5";
cas 6:
label Val = labelVal + "Vous avez entré 6";
Pause;
défaut:
label Val = "Entrez une valeur inférieure à 10";
)
document.getElementById ("label Val"). innerText = label Val;
)

Valeur d'entrée: 1

Valeur de sortie: Vous avez entré 1 Vous avez entré 2 Vous avez entré 3.

Conclusion

JavaScript est un langage de programmation où il y a beaucoup de concepts à étudier. Une instruction switch en fait partie. Ces instructions conditionnelles exécutent essentiellement le code pour vérifier si l'expression satisfait la condition basée sur l'évaluation de l'expression, elle renvoie la valeur. Une instruction conditionnelle est largement utilisée dans n'importe quel langage de programmation pour diverses expressions de programmation logique.

Articles recommandés

Ceci a été un guide pour Switch Statement en JavaScript. Nous discutons ici du concept, de la syntaxe, du fonctionnement et des exemples de déclaration de commutateur en JavaScript. Vous pouvez également consulter nos autres articles suggérés pour en savoir plus -

  1. Aide-mémoire JavaScript
  2. Que peut faire Javascript?
  3. Fonctions de chaîne JavaScript
  4. Exemples de fonctions mathématiques JavaScript
  5. Introduction à l'instruction Switch en C ++
  6. Déclaration de commutateur PHP | Organigramme

Catégorie:

Développement de logiciels