Comment l'opérateur conditionnel (?:) de JavaScript peut-il simplifier les instructions if-else ?

Utilisation de l'opérateur ?: (conditionnel) en JavaScript

L'opérateur ?: de JavaScript, également connu sous le nom d'opérateur conditionnel ou d'opérateur "ternaire" , fournit une alternative concise aux instructions if-else. Il comporte trois opérandes :

1. Condition : Évalue à vrai ou faux.
2. True Expression : La valeur à renvoyer si la condition est vrai.
3. Fausse Expression : La valeur à renvoyer si la condition est false.

Lors de l'utilisation de l'opérateur ?:, il suit le format :

result = condition ? trueExpression : falseExpression;

Exemple :

Considérons une fonction qui sert des boissons en fonction de l'âge :

function serveDrink() {
  if (userIsYoungerThan21) {
    return "Grape Juice";
  } else {
    return "Wine";
  }
}

À l'aide de l'opérateur ?:, cette fonction peut être réécrit :

function serveDrink() {
  return userIsYoungerThan21 ? "Grape Juice" : "Wine";
}

Chaînage et effets secondaires :

L'opérateur ?: peut être enchaîné pour des conditions plus complexes. Par exemple :

// Serve Milk if user is younger than 4, Grape Juice if younger than 21, Wine otherwise
return userIsYoungerThan4 ? "Milk" : userIsYoungerThan21 ? "Grape Juice" : "Wine";

De plus, l'opérateur ?: peut être utilisé comme expression avec des effets secondaires, bien que cela soit rare. Par exemple :

// Execute a function depending on the user's age
userIsYoungerThan21 ? serveGrapeJuice() : serveWine();

Attention :

Bien que l'opérateur ?: puisse être pratique, un chaînage excessif ou des expressions complexes peuvent entraîner un code alambiqué. Il est donc crucial de l’utiliser judicieusement pour maintenir la lisibilité et la compréhension.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!