Prendre des décisions à l'aide de l'instruction Switch en Javascript

Shreyas Patil2022-07-19 · 10 min read

Prendre des décisions à l'aide de l'instruction Switch en Javascript

Introduction

Les instructions conditionnelles sont l'une des structures de contrôle les plus importantes dans tout langage de programmation. Nous les utilisons pour dicter le comportement de l'exécution selon une certaine condition. En Javascript, les blocs conditionnels peuvent être construits à l'aide des instructions if, else if, else, et switch.

L'instruction switch permet de rendre le flux de contrôle facile à lire en prenant des décisions par rapport à certains résultats possibles de l'expression. Selon le cas d'utilisation correspondant, un ou plusieurs blocs de code peuvent être exécutés. Le contrôle switch est similaire à l'instruction else if. Cependant, switch a une syntaxe plus lisible. Il est également idéal pour les scénarios avec de multiples résultats possibles.

Dans ce tutoriel, nous allons nous concentrer sur l'instruction switch en Javascript et l'implémenter pour construire des structures de contrôle complexes. Nous apprendrons également à utiliser les instructions break , case, et default au sein du bloc switch pour diriger le flux de contrôle.

Utilisation de l'instruction Switch

L'instruction switch fonctionne en comparant la valeur d'une variable à des expressions possibles. Ensuite, elle exécute le bloc de code correspondant au résultat. La syntaxe de l'instruction switch n'est pas différente de celle de l'instruction if. En résumé, la syntaxe de l'instruction switch s'écrit ainsi :

switch()
{ }

1 2	switch() { }

Voici un exemple de l'instruction switch. Elle comporte deux cas ou deux résultats possibles, ainsi qu'une option de repli spécifiée par le mot-clé default. Cette option de repli est exécutée lorsque l'exécution se termine ou lorsqu'aucun cas correspondant n'est trouvé :

switch (expression) {
    case x:   
        // exécute ce bloc de code lorsque l'expression correspond au cas x
        break;

    case y:
        // exécute ce bloc de code lorsque l'expression correspond au cas y
        break;

    default:
        // bloc par défaut
}

switch (expression) {

case x:

// exécute ce bloc de code lorsque l'expression correspond au cas x

break;

case y:

// exécute ce bloc de code lorsque l'expression correspond au cas y

break;

default:

// bloc par défaut

}

Le code ci-dessus est exécuté comme suit :

Tout d'abord, l'expression est évaluée.
Ensuite, le résultat de l'expression est comparé au case x. Si la valeur correspond, le bloc de code sous le case x est exécuté.
Si l'expression ne correspond pas au case x, alors le case y est comparé. Si une correspondance est trouvée, alors le code du case y est exécuté.
Enfin, si ni le case x ni le case y ne correspondent, alors le code default est exécuté et le contrôle sort du bloc switch .

Exemple pratique

Pour comprendre l'instruction switch, jetons un coup d'œil à un exemple pratique. Nous allons extraire la valeur du jour de la semaine pour la date actuelle, en utilisant la méthode getDay() de l'objet Date de Javascript. Cette valeur est un nombre, pour dimanche jusqu'à 6 qui correspond au samedi. Nous l'évaluerons par rapport aux valeurs pour déterminer de quel jour de la semaine il s'agit :

const day = new Date().getDay();

1	const day = new Date().getDay();

Ensuite, nous enverrons cette valeur à l'instruction switch. L'instruction switch s'exécutera de haut en bas pour la faire correspondre aux cas afin de déterminer de quel jour de la semaine il s'agit. Une fois le cas trouvé, l'instruction break arrêtera le bloc switch d'évaluer d'autres instructions :

// Définir le jour actuel de la semaine sur une variable, 0 étant dimanche et 6 étant samedi
const day = new Date().getDay();

switch (day) {
case 0:
    console.log("C'est dimanche");
    break;

case 1:
    console.log("C'est lundi !");
    break;

case 2:
    console.log("C'est mardi.");
    break;

case 3:
    console.log("Déjà mercredi !");
    break;

case 4:
    console.log("C'est jeudi");
    break;

case 5:
    console.log("Bon vendredi !");
    break;

case 6:
    console.log("C'est samedi !");
    break;

default:
    console.log("Aucun cas ne correspond")

}

// Définir le jour actuel de la semaine sur une variable, 0 étant dimanche et 6 étant samedi

const day = new Date().getDay();

switch (day) {

case 0:

console.log("C'est dimanche");

break;

case 1:

console.log("C'est lundi !");

break;

case 2:

console.log("C'est mardi.");

break;

case 3:

console.log("Déjà mercredi !");

break;

case 4:

console.log("C'est jeudi");

break;

case 5:

console.log("Bon vendredi !");

break;

case 6:

console.log("C'est samedi !");

break;

default:

console.log("Aucun cas ne correspond")

}

Selon la valeur renvoyée par la méthode getDate(), elle sera testée par rapport aux cas un par un, en commençant par le haut. Le résultat sera différent selon le jour où vous avez exécuté le code. Le bloc de code par défaut est placé de manière à ce que si aucun cas ne correspond, nous puissions gérer ce scénario. Cependant, ici dans ce code, default ne sera jamais appelé car il n'y a qu'un nombre fini de jours dans la semaine.

L'instruction break permet de s'assurer qu'une fois que le cas a été mis en correspondance, aucun autre cas n'est testé et le contrôle sort de l'instruction switch. Cela rend le programme plus efficace et plus rapide.

Tester des plages de valeurs dans un Switch

Jusqu'à présent, nous avons examiné des cas d'utilisation très simples. Mais il peut arriver qu'il soit nécessaire de tester une plage de valeurs plutôt qu'une valeur unique. Nous pouvons le faire en définissant notre expression sur true et en effectuant une opération au sein de chaque instruction case.

Démontrons ce cas d'utilisation à l'aide d'un exemple. Nous allons prendre un nombre puis le convertir en note en utilisant la catégorisation ci-dessous :

Une note de 90 et plus est un A
Une note de 80 à 89 est un B
Une note de 70 à 79 est un C
Une note de 60 à 69 est un D
Une note de 59 ou moins est un F

Nous écrirons ces instructions sous forme d'instructions switch. Voici le code correspondant :

// Note de l'étudiant
const grade = 87;

switch (true) {

    // Si la note est supérieure ou égale à 90
    case grade >= 90:
    console.log("A");
    break;

    // Si la note est supérieure ou égale à 80
    case grade >= 80:
    console.log("B");
    break;

    // Si la note est supérieure ou égale à 70
    case grade >= 70:
    console.log("C");
    break;

    // Si la note est supérieure ou égale à 60
    case grade >= 60:
    console.log("D");
    break;

    // Tout score de 59 ou moins est un échec
    default:
    console.log("F");
}

// Note de l'étudiant

const grade = 87;

switch (true) {

// Si la note est supérieure ou égale à 90

case grade >= 90:

console.log("A");

break;

// Si la note est supérieure ou égale à 80

case grade >= 80:

console.log("B");

break;

// Si la note est supérieure ou égale à 70

case grade >= 70:

console.log("C");

break;

// Si la note est supérieure ou égale à 60

case grade >= 60:

console.log("D");

break;

// Tout score de 59 ou moins est un échec

default:

console.log("F");

}

Contrairement aux exemples de code ci-dessus, nous avons défini ici l'expression entre parenthèses comme true. Par conséquent, quelle que soit l'instruction case qui correspond à la valeur true, elle sera exécutée. Tout comme l'instruction else if, la première instruction qui correspond à la valeur spécifiée sera exécutée. Ici, la sortie sera B, malgré le fait que même C et D correspondent également à l'expression.

Cas multiples

Si vous souhaitez avoir plus d'un cas avec le même bloc de code, c'est également possible. Cela est analogue à la condition ou dans l'instruction if. Dans de tels scénarios, nous pouvons spécifier plus d'un cas pour chaque bloc de code.

Pour illustrer ce concept, nous allons fournir un exemple avec les mois de l'année. Nous allons classer ces mois en saisons de l'année. Tout d'abord, nous utiliserons la nouvelle méthode Date() pour trouver un nombre correspondant au mois en cours, et l'appliquer à la variable month. La méthode Date().getMonth() renvoie un nombre de 0 à 11, avec 0 étant janvier et 11 associé à décembre.

Nous allons effectuer le classement en utilisant la spécification ci-dessous :

Hiver : janvier, février et mars
Printemps : avril, mai et juin
Été : juillet, août et septembre
Automne : octobre, novembre et décembre

Voici à quoi ressemblera le code :

const month = new Date().getMonth();

switch (month) {

    // Janvier, Février, Mars
    case 0:
    case 1:
    case 2:
        console.log("Hiver");
        break;

    // Avril, Mai, Juin
    case 3:
    case 4:
    case 5:
        console.log("Printemps");
        break;
    
    // Juillet, Août, Septembre
    case 6:
    case 7:
    case 8:
        console.log("Été");
        break;
    
    // Octobre, Novembre, Décembre
    case 9:
    case 10:
    case 11:
        console.log("Automne");
        break;
    
    default:
        console.log("Quelque chose s'est mal passé.");
}

const month = new Date().getMonth();

switch (month) {

// Janvier, Février, Mars

case 0:

case 1:

case 2:

console.log("Hiver");

break;

// Avril, Mai, Juin

case 3:

case 4:

case 5:

console.log("Printemps");

break;

// Juillet, Août, Septembre

case 6:

case 7:

case 8:

console.log("Été");

break;

// Octobre, Novembre, Décembre

case 9:

case 10:

case 11:

console.log("Automne");

break;

default:

console.log("Quelque chose s'est mal passé.");

}

Lorsque le code ci-dessus est exécuté, selon le mois, le nom de la saison sera affiché dans la console.

Conclusion

Dans ce tutoriel, nous avons démontré comment utiliser l'instruction switch dans les applications JavaScript. Nous avons également appliqué l'instruction switch à une plage et à des cas multiples, ainsi qu'au mot-clé default. Si vous souhaitez en savoir plus sur JavaScript, vous pouvez consulter les tutoriels suivants :

Bonne programmation !

Shreyas Patil

Auteur · CloudSigma

Preslav Dobrev est un designer créatif chez CloudSigma, axé sur une identité commerciale cohérente à travers des canaux marketing traditionnels et innovants. Il excelle à fusionner la vision artistique avec le marketing stratégique pour créer des récits de marque percutants.

Prendre des décisions à l'aide de l'instruction Switch en Javascript

Introduction

Utilisation de l'instruction Switch

Exemple pratique

Tester des plages de valeurs dans un Switch

Cas multiples

Conclusion

Shreyas Patil

Commentaires