oujood.com

Condition Switch de JavaScript

Ce tutoriel vous apprendra à utiliser l'instruction switch...case pour tester ou évaluer une expression avec différentes valeurs en JavaScript
L'instruction switch case en JavaScript est également utilisée à des fins de prise de décision. Dans certains cas, l'utilisation de l'instruction switch case est considérée comme plus pratique que les instructions if-else.

chercher |

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>



Par carabde 30 mars 2014 - mis à jour le 30 Janvier 2022



Voir aussi nos tutoriel :

Obtenir des information d’un fichier

Manipulation de fichiers : Obtenir des information d’un fichier

fonction stripos, stripos

Recherche la première occurrence dans une chaîne, sans tenir compte de la casse

Balise command

Définit un bouton de commande que l'utilisateur peut appeler