Une instruction conditionnelle vous permet d'exécuter un bloc de code basé sur une condition spécifique.
Le langage JavaScript propose différentes manières d'utiliser les instructions conditionnelles. Beaucoup d'entre eux sont également communs à d'autres langages de programmation. Mais vous devez être conscient de leurs avantages individuels et de leur fonctionnement en JavaScript.
1. Instructions if-else et else-if
Un sinon L'instruction exécute un bloc si sa condition est véridique et l'autre bloc si elle est fausse. Un else-if exécute le bloc qui correspond à l'une des conditions, ou un bloc par défaut si aucune condition ne correspond.
Une valeur de vérité est une valeur que JavaScript considère vrai lorsqu'il le rencontre dans un contexte booléen. Une valeur fausse est une valeur que JavaScript considère faux lorsqu'il le rencontre dans un contexte booléen.
JavaScript considère toutes les valeurs comme véridiques à moins qu'elles ne fassent partie d'un petit nombre qui sont fausses. Les fausses valeurs sont faux, 0, -0, 0n, "", nul, indéfini, et NaN.
Voici la syntaxe d'un sinon déclaration:
si (état) {
// Si la condition est une valeur véridique, ce bloc de code s'exécutera
} autre {
// Si la condition est une valeur fausse, ce bloc de code s'exécutera
}
Dans certains cas, vous souhaiterez peut-être vérifier plusieurs conditions connexes. Dans ces scénarios, vous pouvez utiliser un sinon-si pour évaluer les conditions supplémentaires.
Par exemple:
si (état) {
// Si la condition est véridique, ce bloc de code s'exécutera et l'exécution du code
// s'arrêtera.
} autresi (état_2) {
// Si la première condition est fausse, ce bloc de code s'exécutera si condition_2
// est vrai
} autresi (condition_n) {
// Si les conditions précédentes sont toutes les deux fausses, ce bloc de code s'exécutera si
// condition_n est véridique
} autre {
// Si toutes les conditions sont fausses, ce bloc de code s'exécutera
}
Utilisant sinon-si instructions, vous pouvez évaluer autant de conditions que vous le souhaitez. Cependant, cette méthode devient rapidement inesthétique et difficile à entretenir au fur et à mesure que le nombre de conditions augmente.
JavaScript fournit un moyen plus propre d'évaluer plusieurs conditions appelées changer déclaration.
2. L'instruction Switch
La changer L'instruction évalue une expression une fois et essaie de la faire correspondre à une ou plusieurs valeurs possibles. Vous pouvez fournir chaque valeur potentiellement correspondante après un Cas mot-clé.
Lorsque l'instruction switch trouve une correspondance, elle exécute toutes les instructions qui la suivent, jusqu'à ce qu'elle rencontre une Pause déclaration.
Voici la syntaxe de l'instruction switch :
changer (expression) {
Cas 'première-Cas':
// exécute le code si l'expression correspond à ce cas
Pause;Cas 'cas_2':
// exécute le code si l'expression correspond à ce cas
Pause;
défaut:
// exécute le code si l'expression ne correspond à aucune casse
}
La Pause les déclarations sont une partie essentielle de la changer block car ils spécifient où le code doit arrêter de s'exécuter. Si vous manquez une instruction break, l'exécution du code se poursuivra et exécutera tous les autres blocs de code après la première correspondance. C'est rarement ce que vous voudrez qu'il se passe.
3. L'opérateur ternaire
JavaScript vous permet également d'abréger les instructions conditionnelles à l'aide de l'opérateur ternaire.
L'opérateur ternaire prend trois opérandes :
- Une condition, suivie d'un point d'interrogation (?).
- Une expression après le point d'interrogation et avant deux-points (:). Cela fonctionnera si la condition est véridique.
- Une expression après les deux-points qui s'exécutera si la condition est fausse.
Par exemple:
condition? console.log('La condition est véridique'): console.log('La condition est fausse');
La déclaration ci-dessus signifie effectivement "Si la 'condition' est véridique, enregistrez le premier message, sinon enregistrez le deuxième message".
4. Court-circuit
Le court-circuit est une technique qui implique l'utilisation de les opérateurs logiquesOU (||) et ET (&&) pour évaluer une expression de gauche à droite.
Une opération impliquant l'opérateur OR provoquera un court-circuit en renvoyant la première valeur de vérité rencontrée. Si toutes les valeurs de l'expression sont fausses, elle court-circuite et renvoie la dernière valeur fausse.
Une opération utilisant l'opérateur AND provoquera un court-circuit en renvoyant la première instruction fausse qu'elle rencontre. Si toutes les déclarations de l'expression sont véridiques, elle court-circuite et renvoie la dernière valeur véridique.
Voici un exemple d'écriture d'une instruction conditionnelle avec l'opérateur OR.
app.listen (process.env. PORT || 3000)
Cette approche de court-circuit pour écrire des instructions conditionnelles est populaire dans les applications Express. Il se lit, « si le PORT la variable d'environnement existe, utilisez-la; sinon, utilisez le port 3000".
Voici un exemple d'écriture d'une instruction conditionnelle avec l'opérateur AND.
fou && console.log('foo est défini')
Le bloc de code ci-dessus signifie "si fou est défini, appelez la fonction console.log() ».
Cette technique est le moyen le plus court d'écrire une condition, mais elle peut rendre le code plus difficile à lire. Vous devez éviter d'en abuser, en particulier lorsque vous travaillez au sein d'une équipe plus importante.
L'importance des instructions conditionnelles
Les instructions conditionnelles permettent à votre programme de prendre des décisions. Sans eux, votre code s'exécutera en ligne droite du début à la fin. Ils font également partie des boucles. Sans eux, les boucles s'exécuteraient à l'infini, faisant ainsi planter votre application.