【JavaScript ECMAScript】Conditional (ternary) operator演算子の使い方
Conditional (ternary) operator演算子の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
Conditional (ternary) operator関数は、与えられた条件式が真であるか偽であるかに基づいて、二つの異なる式のうちどちらか一方を評価し、その結果を返す処理を実行する機能です。これはJavaScriptにおいて、短い条件分岐を一行で記述するための強力な演算子として機能します。
この演算子は、通常 条件式 ? 真の場合の式 : 偽の場合の式 の形式で利用されます。まず 条件式 が評価され、その結果が真値（trueに評価される値）であれば 真の場合の式 が評価され、その結果がこの演算子全体の返り値となります。逆に、条件式 が偽値（falseに評価される値）であれば 偽の場合の式 が評価され、その結果が返り値となります。
例えば、ある変数の値が特定の条件を満たすかどうかで、別の変数に異なる値を代入したい場合などに非常に便利です。const message = (age >= 20) ? "成人です" : "未成年です"; のように書くことで、age が20以上であれば message に "成人です" が、そうでなければ "未成年です" が代入されます。これにより、if...else 文をより簡潔に表現でき、コードの可読性を向上させることができます。ただし、複雑な条件分岐に適用すると逆に可読性を損ねる可能性もあるため、シンプルで直感的な条件分岐に利用することが推奨されます。
公式リファレンス: Conditional (ternary) operator
構文(syntax)
1condition ? expressionIfTrue : expressionIfFalse;
引数(parameters)
引数なし
引数はありません
戻り値(return)
任意の型
条件（三項）演算子の戻り値は、指定された条件の真偽に応じて、条件式の結果または選択された値のどちらかとなります。