Comment utiliser l’instruction JavaScript if-else

Les instructions conditionnelles injectent de la logique dans votre programme et leur application est illimitée. Si vous êtes encore novice en JavaScript, maîtriser l'utilisation du "if-else" L'instruction vous permet d'indiquer spécifiquement à votre programme comment il doit fonctionner.

L'utilisation de conditions en JavaScript est simple. Commençons.

Comment utiliser les conditions en JavaScript

Comme beaucoup d'autres langages de programmation, les instructions conditionnelles en JavaScript commencent par l'instruction if .

Voici à quoi ressemble sa syntaxe :

 if(condition){
 // some actions;
 }

Si la condition entre parenthèses est vraie, votre programme exécutera les actions entre les accolades.

L'instruction else intervient alors si vous souhaitez éviter une sortie vide lorsque la condition if renvoie un résultat faux :

 if(condition){
 // some actions;
 }else{// execute something else}

Notez que else n'accepte pas une condition définie. Au lieu de cela, il exécute ses actions désignées uniquement si une condition précédente est fausse.

Et si vous souhaitez vérifier d'autres conditions avant d'utiliser un else , c'est là que l'instruction else if est utile. C'est similaire à la façon dont vous utilisez les instructions conditionnelles en Python . C'est un " elif " et non " else if " en Python, cependant.

Pour utiliser l'instruction else if en JavaScript, la syntaxe conditionnelle devient :

 if(condition){
 // some actions;
 }else if(another condition){
 // execute another action
 }else{// execute something else}

vous pouvez également utiliser autant d' instructions else if que vous le souhaitez :

 if(condition){
 // some actions;
 }else if(another condition){
 // execute another action
 }else if(a third condition){
 // perform another action
 }else{// execute something else}

Voyons maintenant quelques exemples pratiques qui combinent ces instructions conditionnelles :

 var name = "idowu";
 if(name== "MUO"){
 console.log("Hello"+ " "+ name);
 }else{
 console.log("Hello everyone");
 }
 Output: Hello everyone

L'exemple ci-dessus exécute l'action dans l'instruction else car la valeur de name n'est pas MUO.

Connexe : Qu'est-ce que JavaScript et comment fonctionne-t-il ?

Voyons maintenant un exemple de code qui utilise les trois instructions conditionnelles.

Le code ci-dessous enregistre un message d'accueil pour le nom à l'index zéro uniquement :

 var names = ["MUO", "Jane", "Idowu"];
 if(names[0]=="Jane"){
 console.log("Hello"+ " " +names[0]);
 }else if(names[0]=="Idowu"){
 console.log("Hello"+ " " +names[0]");
 }else if(names[0]=="MUO"){
 console.log(Hello"+ " " +names[0]);
 }else{
 console.log("You didn't get the index");
 }
 Output: Hello MUO

Conditions JavaScript avec opérateur ternaire

Vous pouvez également déclarer des conditions JavaScript à l'aide de l'opérateur ternaire.

La syntaxe générale ressemble à ceci :

 var x = condition ? operation one : operation two

Le point d' interrogation (?) vérifie la validité de la condition. Si cela est vrai, il exécute l' opération un . Sinon, il passe à l' opération deux .

Voici un exemple pratique d'utilisation de l'opérateur ternaire avec une instruction if-else :

 var name = "Idowu";
 var checkName =
 name == "MUO" ? console.log("Hello"+ " "+ name) : console.log("Hello everyone");
 Output: Hello everyone

Et si vous souhaitez vérifier plus de conditions à l'aide de l'opérateur ternaire JavaScript (similaire à else if ):

 var temperature = 25
 var checkTemperature =
 temp<24 ? console.log("Too cold") :
 temp == 25 ? console.log("Moderate") :
 console.log("extreme");
 Output: Moderate

Voici une réécriture du dernier extrait de code de la section précédente à l'aide d'une opération ternaire :

 var names = ["MUO", "Jane", "Idowu"];
 var checkIndex =
 names[0] == "Jane" ? console.log("Hello"+ " " +names[0]) :
 names[0] == "Idowu" ? console.log("Hello"+ " " +names[0]) :
 names[0] == "MUO" ? console.log("Hello"+ " " +names[0]) :
 console.log("You didn't get the index");
 Output: Hello MUO

Remarque : Bien que ce soit simple, vous ne voudrez peut-être pas utiliser l'opération ternaire avec des conditions imbriquées, car cela peut vous dérouter. Mais c'est toujours un moyen pratique d'exprimer des déclarations conditionnelles si vous savez vous en sortir.

Contrôlez votre JavaScript avec des conditions

Comme tout autre langage de programmation, une maîtrise des instructions conditionnelles en JavaScript vous permet d'effectuer des opérations logiques illimitées. Par conséquent, vous contrôlez le comportement de votre programme.

Cela dit, que vous décidiez d'utiliser des instructions "if-else" simples ou l'opération ternaire, assurez-vous que votre code est lisible et facile à comprendre.