JavaScript - Switch Case (Le choix multiple) 



Vous pouvez utiliser plusieurs instructions if ... else ... if,


comme dans le chapitre précédent, pour effectuer une 


branche multi-voies. Cependant, ce n'est pas toujours 


la meilleure solution, surtout lorsque toutes les branches


 dépendent de la valeur d'une seule variable.


 


En commençant par JavaScript 1.2, vous pouvez utiliser


une instruction switch qui gère exactement cette situation,


et il le fait plus efficacement que répété si ... sinon


des instructions.


 


Organigramme : switch case  


 


 






 


 


Syntax 


L'objectif d'une instruction switch est de donner une


expression à évaluer et plusieurs instructions différentes 


à exécuter sur la base de la valeur de l'expression. 


L'interpréteur vérifie chaque cas par rapport à la valeur


de l'expression jusqu'à ce qu'une correspondance soit trouvée.


Si rien ne correspond, une condition par défaut sera utilisée.


 




switch (expression)


{


   case condition 1: Instruction(s)


   break;


   


   case condition 2: Instruction(s)


   break;


   ...


   


   case condition n: Instruction(s)


   break;


   


   default: Instruction(s)


 


}




Les instructions break indiquent la fin d'un cas particulier.


Si elles étaient omis, l'interprète continuerait à exécuter 


chaque déclaration dans chacun des cas suivants.


Exemple :


 




<html>


   <body>


   


      <script type="text/javascript">


         <!--


            var branche='SE';


            document.write("Votre orientation sera en :<br />");


            switch (branche)


            {


               case 'SE': document.write("Sciences économiques<br />");


               break;


            


               case 'SV': document.write("Sciences et Vie<br />");


               break;


            


               case 'SM': document.write("Sciences mathématiques<br />");


               break;


            


               case 'SP': document.write("Sciences physiques<br />");


               break;


            


               case 'SS': document.write("Section sportive<br />");


               break;


            


               default:  document.write("Votre choix invalide<br />")


            }


            document.write("Sortie du bloc d'interrupteur ");


         //-->


      </script>


      


      <p>Refaire votre choix..</p>


   </body>


</html>




Résultat en ligne 


 


Les déclarations break jouent un rôle majeur dans 


les déclarations de switch-case. Essayez le code 


suivant qui utilise l'instruction switch-case sans 


aucune instruction break.


 




<html>


   <body>


      


      <script type="text/javascript">


         <!--


            var grade='SE';


            document.write("Votre orientation sera en <br />");


            switch (grade)


            {


               case 'SE': document.write("Sciences économiques<br />");


               case 'SV': document.write("Sciences et Vies<br />");


               case 'SM': document.write("Sciences mathématiques<br />");


               case 'SP': document.write("Sciences physiques<br />");


               case 'SS': document.write("Section sportive<br />");


               default: document.write("Votre choix est invalide<br />")


            }


            document.write("Sortie du block de choix");


         //-->


      </script>


      


      <p>Refaire votre choix...</p>


   </body>


</html>




La sortie est :


 



Votre orientation sera en 

Sciences économiques

Sciences et Vies

Sciences mathématiques

Sciences physiques

Section sportive

Votre choix est invalide

Sortie du block de choix 

Refaire votre choix.




Cet exemple montre l’importance de l’instruction break 




 



















Aucun commentaire







































Inscription à :

Articles
                      (
                      Atom
                      )
                    






























Fourni par Blogger.