Comment utiliser l'instruction JavaScript if-else

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 le si déclaration.





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.



Les autre l'instruction entre alors si vous voulez éviter une sortie vide lorsque le si la condition renvoie un résultat faux :

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

Noter que autre 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 voulez vérifier d'autres conditions avant d'utiliser un autre , c'est là que le sinon si déclaration est pratique. C'est similaire à la façon dont vous utiliser des instructions conditionnelles en Python . C'est un ' elif ' et pas ' sinon si ' en Python, cependant.

Pour utiliser le sinon si en JavaScript, la syntaxe conditionnelle devient :





Windows 10 ne reste pas connecté au wifi
if(condition){
// some actions;
}else if(another condition){
// execute another action
}else{// execute something else}

vous pouvez également utiliser autant sinon si déclarations que vous voulez:

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 le autre déclaration parce que la valeur de Nom n'est pas MUO.

En rapport: Qu'est-ce que JavaScript et comment ça marche ?

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

Les point d'interrogation (?) vérifie la validité de la condition. Si cela est vrai, il exécute opération une . Sinon, il se dirige vers opération deux .

Voici un exemple pratique d'utilisation de l'opérateur ternaire avec un sinon déclaration:

Windows 10 mise à jour 100 utilisation du disque
var name = 'Idowu';
var checkName =
name == 'MUO' ? console.log('Hello'+ ' '+ name) : console.log('Hello everyone');
Output: Hello everyone

Et si vous voulez vérifier plus de conditions en utilisant l'opérateur ternaire JavaScript (similaire à sinon si ):

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

Noter: 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 y retrouver.

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.

Partager Partager Tweeter E-mail 10 conseils pour rédiger un code plus propre et meilleur

Écrire du code propre semble plus facile qu'il ne l'est en réalité, mais les avantages en valent la peine. Voici comment vous pouvez commencer à écrire du code plus propre dès aujourd'hui.

Lire la suite
Rubriques connexes
  • La programmation
  • JavaScript
  • La programmation
A propos de l'auteur Idisou Omisola(94 articles publiés)

Idowu est passionné par tout ce qui concerne les technologies intelligentes et la productivité. Pendant son temps libre, il joue avec le codage et passe à l'échiquier quand il s'ennuie, mais il aime aussi de temps en temps rompre avec la routine. Sa passion pour montrer aux gens le chemin autour de la technologie moderne le motive à écrire plus.

Plus de Idowu Omisola

Abonnez-vous à notre newsletter

Rejoignez notre newsletter pour des conseils techniques, des critiques, des ebooks gratuits et des offres exclusives !

Cliquez ici pour vous abonner