JavaScript の条件 (?:) 演算子はどのようにして if-else ステートメントを簡素化できるのでしょうか?

JavaScript での ?: (条件) 演算子の利用

JavaScript の ?: 演算子。条件演算子または「三項」演算子とも呼ばれます。 、if-else ステートメントの簡潔な代替手段を提供します。 3 つのオペランドがあります:

1. 条件: true または false に評価されます。
2. True 式: 条件が満たされた場合に返される値は true です。
3. false式: 条件が false の場合に返される値。

?: 演算子を使用する場合、次の形式に従います。

result = condition ? trueExpression : falseExpression;

例:

に基づいてドリンクを提供する関数を考えてみましょうage:

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

?: 演算子を使用すると、この関数は次のように書き換えることができます:

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

連鎖と副作用:

?: 演算子を連鎖させて、より複雑な条件を指定することができます。例:

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

さらに、?: 演算子は副作用のある式として使用できますが、これは一般的ではありません。例:

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

注意:

?: 演算子は便利ですが、過剰な連鎖や複雑な式が複雑なコードになる可能性があります。したがって、読みやすさと理解を維持するために、慎重に使用することが重要です。

以上がJavaScript の条件 (?:) 演算子はどのようにして if-else ステートメントを簡素化できるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。