Condition Switch de JavaScript

Condition Switch de JavaScript

L'instruction Switch permet de vérifier le contenu d'une variable à partir de nombreuses valeurs.

L'instruction switch..case est une alternative à l'instruction if...else if...else, qui fait quasiment la même chose.

La condition Switch vérifie successivement les différentes valeurs des étiquettes jusqu'à ce qu'il trouve le bon contenu qui correspond à l'éxpression entre les parenthèses.
Syntax :

switch(expression)
{
case valeur 1:
// code à exécuter bloc 1
break;
case valeur 2:
// code à exécuter bloc 2
break;
default:
// code à exécuter si expression n’est vrai pour aucune des case 1 et 2
}

Voici comment cela fonctionne: d'abord nous avons une seule expression entre les parenthèses (le plus souvent une variable), qui est évaluée une fois.
La valeur de l'expression est ensuite comparée avec les valeurs pour chaque case dans la structure.
S'il y a une occurrence, le bloc de code associé à cette occurrence est exécuté.
L'instruction break, elle permet d'interrompre le déroulement du code quand la condition est réalisée.

Exemple :

écrire les jours de la semaine en français

Exemple :      Copier le code

<script type="text/javascript">
var d = new Date();
le_jour=d.getDay();
switch (le_jour)
{
case 0:
  document.write("<b>Aujourd’hui c’est  Dimanche</b>");
  break;
case 1:
  document.write("<b>Aujourd’hui c’est  Lundi</b>");
  break; 
case 2:
  document.write("<b>Aujourd’hui c’est  Mardi</b>");
  break;
case 3:
  document.write("<b>Aujourd’hui c’est  Mercredi</b>");
  break;  
case 4:
  document.write("<b>Aujourd’hui c’est  Jeudi</b>");
  break;
case 5:
  document.write("<b>Aujourd’hui c’est  Vendredi</b>");
  break;
default:
  document.write("<b>En fin c’est le week-end! nous somme le samedi</b>");
}
</script>

Remarque : Utilisez break pour éviter l'exécution automatique du code dans la case suivant .

La fonction getDay() renvoie le jour de la semaine sous la forme d'un nombre compris entre 0 et 6, où 0 représente le dimanche, le 1 représente lundi et ainsi de suite. Consultez le chapitre sur la date et l'heure en JavaScript pour en savoir plus sur les fonctions permettant d'obtenir une date.

L'instruction switch...case diffère de l'instruction if...else sur un aspect important. L'instruction switch s'exécute ligne par ligne (c'est-à-dire instruction par instruction) et dès que JavaScript trouve une clause case qui vaut true, non seulement il exécute le code correspondant à cette clause case, mais il exécute aussi automatiquement toutes les clauses case suivantes jusqu'à la fin du bloc switch.

Pour éviter cela, vous devez inclure une instruction break après chaque cas (comme vous pouvez le voir dans l'exemple ci-dessus). L'instruction break indique à l'interprète JavaScript de sortir du bloc d'instructions switch...case une fois qu'il a exécuté le code associé au premier cas vrai.

L'instruction break n'est toutefois pas nécessaire pour le Case ou la clause default, lorsqu'elle apparaît en dernier dans une instruction switch. Toutefois, une bonne pratique de programmation consiste à terminer la dernière clause case ou default d'une instruction switch par une instruction break. Cela permet d'éviter une éventuelle erreur de programmation ultérieure si une autre instruction case est ajoutée à l'instruction switch.

La clause par défaut est facultative. Elle indique les actions à effectuer si aucun cas ne correspond à l'expression switch. La clause default ne doit pas nécessairement être la dernière clause à apparaître dans une instruction switch. Voici un exemple, où la clause default n'est pas la dernière clause.

Code

Exemple :      Copier le code

<script>
	var d = new Date();
switch(d.getDay()) {
    default: 
        alert("Attendons le week-end avec impatience.");
        break;
    case 6:
        alert("Nous somme samedi.");
        break; 
    case 0:
        alert("Nous somme dimanche.");
}
</script>