Dans ce didacticiel, vous en apprendrez davantage sur l'opérateur conditionnel / ternaire en JavaScript à l'aide d'exemples.
Un opérateur ternaire peut être utilisé pour remplacer une if… else
instruction dans certaines situations. Avant de vous renseigner sur les opérateurs ternaires, assurez-vous de vérifier le didacticiel JavaScript if… else.
Qu'est-ce qu'un opérateur ternaire?
Un opérateur ternaire évalue une condition et exécute un bloc de code en fonction de la condition.
Sa syntaxe est:
état ? expression1: expression2
L'opérateur ternaire évalue la condition de test.
- Si la condition est
true
, expression1 est exécutée. - Si la condition est
false
, expression2 est exécutée.
L'opérateur ternaire prend trois opérandes, d'où le nom d'opérateur ternaire. Il est également connu sous le nom d'opérateur conditionnel.
Écrivons un programme pour déterminer si un étudiant a réussi ou échoué à l'examen en fonction des notes obtenues.
Exemple: opérateur ternaire JavaScript
// program to check pass or fail let marks = prompt('Enter your marks :'); // check the condition let result = (marks>= 40) ? 'pass' : 'fail'; console.log(`You $(result) the exam.`);
Sortie 1
Entrez vos notes: 78 Vous réussissez l'examen.
Supposons que l'utilisateur entre 78 . Ensuite, la condition marks>= 40
est vérifiée qui est évaluée à true
. La première expression pass
est donc affectée à la variable de résultat.
Sortie 2
Entrez vos notes: 35 Vous échouez à l'examen.
Supposons que l'utilisation entre 35 . Ensuite, la condition est marks>= 40
évaluée à false
. La deuxième expression fail
est donc affectée à la variable de résultat.
Opérateur ternaire utilisé au lieu de if… else
En JavaScript, un opérateur ternaire peut être utilisé pour remplacer certains types d' if… else
instructions. Par exemple,
Vous pouvez remplacer ce code
// check the age to determine the eligibility to vote let age = 15; let result; if (age>= 18) ( result = "You are eligible to vote."; ) else ( result = "You are not eligible to vote yet."; ) console.log(result);
avec
// ternary operator to check the eligibility to vote let age = 15; let result = (age>= 18) ? "You are eligible to vote." : "You are not eligible to vote yet"; console.log(result);
La sortie des deux programmes sera la même.
Production
Vous n'avez pas encore le droit de voter.
Opérateurs ternaires imbriqués
Vous pouvez également imbriquer un opérateur ternaire en tant qu'expression dans un autre opérateur ternaire. Par exemple,
// program to check if number is positive, negative or zero let a = 3; let result = (a>= 0) ? (a == 0 ? "zero" : "positive") : "negative"; console.log(`The number is $(result).`);
Production
Le nombre est positif.
Remarque : vous devriez essayer d'éviter autant que possible les opérateurs ternaires imbriqués car ils rendent votre code difficile à lire.