Opérateur conditionnel ternaire JavaScript

1. Exemple : Opérateur conditionnel ternaire JavaScript
2. Exemple : Opérateurs ternaires imbriqués JavaScript
3. Exemple : plusieurs opérations dans l’opérateur ternaire JavaScript

Ce tutoriel présentera comment utiliser l’opérateur conditionnel ?: en JavaScript.

L’instruction if ... else nous aide à exécuter un certain bloc de code uniquement si une certaine condition est remplie. L’opérateur conditionnel, également connu sous le nom d’opérateur ternaire, est un raccourci d’une ligne pour les instructions if ... else. Il aide à écrire un code propre et concis. C’est le seul opérateur JavaScript qui nécessite 3 opérandes : La condition à évaluer, une expression à exécuter si la condition est true, et une expression à exécuter si la condition est false. Comme il prend 3 opérandes, son nom est l’opérateur ternaire.

condition ? expression1 : expression2

L’opérateur ternaire évalue d’abord la condition donnée. La condition est séparée de expression1 par un ? et expression2 est séparé de expression1 par un :. Si la condition est vraie, alors l’opérateur conditionnel exécute l'expression1, sinon il exécute l'expression2.

Exemple : Opérateur conditionnel ternaire JavaScript

var age = 18;
var canVote;
if (age >= 18) {
  canVote = 'yes';
} else {
  canVote = 'no';
}

L’exemple ci-dessus montre une instruction conditionnelle exécutée à l’aide de l’instruction traditionnelle if ... else.

var age = 18;
var canVote = age >= 18 ? 'yes' : 'no';

Nous avons réécrit le morceau de code ci-dessus en utilisant l’opérateur ternaire.

Exemple : Opérateurs ternaires imbriqués JavaScript

Comme l’instruction if ... else, nous pouvons également utiliser des opérateurs ternaires imbriqués pour effectuer plusieurs vérifications de conditions.

var carSpeed = 90;
var warning =
    speed >= 100 ? 'Way Too Fast!!' : (speed >= 80 ? 'Fast!!' : 'Nice :)');
console.log(warning);

Dans le code ci-dessus, nous générons un avertissement pour la voiture en fonction de la vitesse de la voiture. Tout d’abord, nous vérifions si carSpeed est supérieur à 100 et si la condition est satisfaite, nous générons un avertissement indiquant que la voiture se déplace Way Too Fast!!. Sinon, nous avons imbriqué une seconde expression vérifiant si le carSpeed est supérieur à 80 et affichant Fast / Nice en fonction de l’évaluation.

Exemple : plusieurs opérations dans l’opérateur ternaire JavaScript

Nous pouvons exécuter plusieurs opérations à l’intérieur d’un opérateur ternaire, tout comme les instructions if ... else.

let isStudent = true;
let primeVideo = 12;
isStudent ?
    (primeVideo = primeVideo / 2, alert('Enjoy your student discount')) :
    (alert('You have to pay full price'));

Dans le code ci-dessus, nous effectuons deux opérations au lieu d’une, en changeant la valeur de primeVideo à sa moitié et en alertant l’utilisateur.