Opérateur ternaire JavaScript (avec exemples)

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… elseinstruction 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>= 40est vérifiée qui est évaluée à true. La première expression passest 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 failest 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… elseinstructions. 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.

Articles intéressants...