Structure : Switch

L'instruction JavaScript Switch est utilisée pour exécuter différents ensembles d'instructions en fonction de différentes conditions. Elle est similaire à l'instruction If-Else, mais excelle dans la simplicité du code et fonctionne parfaitement avec les nombres, les caractères et les chaînes de caractères.
Syntaxe

switch(expression){
    case value_1 :
      // ensemble d'instructions
      rupture ;
    case value_2 :
      // jeu d'instructions
      pause ;
    default :
      // jeu de déclarations
  }

Explication : L'expression switch est évaluée et chaque valeur de cas est comparée à elle. Lorsqu'une valeur de cas correspond, l'ensemble d'instructions correspondant est exécuté. L'instruction break est nécessaire, pour chaque bloc case, pour l'exécution conditionnelle souhaitée.Le bloc par défaut est exécuté lorsqu'aucune valeur de cas ne correspond.

Exemple 1 - Interrupteur JavaScript

<script>
  var  val=2 ;
  var message=' '   ;
  switch(val){
    cas 1 :
        message += "La valeur est 1." ;
        pause ;
    cas 2 :
        message += "La valeur est 2." ;
      message += " C'est la deuxième déclaration. " ;
        pause ;
    cas 3 :
        message += "La valeur est 3." ;
        pause ;
    cas 4 : message += "Valeur par défaut :
        message += "La valeur est par défaut."
  }
  document.getElementById("message").innerHTML = message ;
</script>

Remarque : Veuillez noter qu'il existe une instruction break à la fin de chaque bloc case. L'absence d'instruction break entraîne la non rupture de l'instruction switch. Cela rend les blocs de cas suivants exécutés. Voici un exemple illustrant un tel scénario, où l'instruction break n'est pas utilisée pour les blocs case dans l'instruction switch.

<script>
  var val=2 ;
  var message=' ' ;
  switch(val){
    cas 1 :
        message += "La valeur est 1." ;
    cas 2 :
        message += "La valeur est 2." ;
      message += " C'est la deuxième déclaration." ;
    cas 3 :
        message += "La valeur est 3." ;
   default:
        message += " Valeur par défaut."
  }
  document.getElementById("message").innerHTML = message ;
</script>

Conclusion: Dans ce tutoriel JavaScript, nous avons appris la syntaxe et le fonctionnement de l'instruction JavaScript Switch avec des exemples et les pièges possibles.

  • 1 vote. Moyenne 3 sur 5.

Ajouter un commentaire

Anti-spam