ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の三項演算子 (?:) はどのようにして条件付きロジックを簡素化できるのでしょうか?

JavaScript の三項演算子 (?:) はどのようにして条件付きロジックを簡素化できるのでしょうか?

Mary-Kate Olsen
リリース: 2024-12-17 07:37:24
オリジナル
332 人が閲覧しました

How Can JavaScript's Ternary Operator (?:) Simplify Conditional Logic?

JavaScript での条件演算子の使用法: ?: 演算子

?: 演算子は、条件演算子または「三項」演算子とも呼ばれます。は、JavaScript で条件文を表現する簡潔な方法を提供します。これは、if-else ステートメントの 1 行の省略表現として機能します。

?: 演算子を使用するには、次の構文に従います:

condition ? if_true : if_false
ログイン後にコピー

ここで:

  • condition は true または false に評価されるブール式です
  • if_true は次の場合に返される値です条件が true
  • if_false は、条件が false の場合に返される値です

たとえば、次のコードを考えてみましょう。

var userType;
if (userIsYoungerThan18) {
  userType = "Minor";
} else {
  userType = "Adult";
}
ログイン後にコピー

これは短縮できます。 ?: 演算子を次のように使用します:

var userType = userIsYoungerThan18 ? "Minor" : "Adult";
ログイン後にコピー

さらに、この演算子はスタンドアロン ステートメントで次のように使用できます。副作用:

userIsYoungerThan21 ? serveGrapeJuice() : serveWine();
ログイン後にコピー

?: 演算子の連鎖も可能です:

serveDrink(userIsYoungerThan4 ? 'Milk' : userIsYoungerThan21 ? 'Grape Juice' : 'Wine');
ログイン後にコピー

ただし、?: 演算子の連鎖を過度に使用すると、コードが複雑になる可能性があります。

?: 演算子は 3 つのオペランドを受け入れるため、「三項演算子」と呼ばれることが多いことに注意してください。現在、JavaScript の唯一の三項演算子です。

以上がJavaScript の三項演算子 (?:) はどのようにして条件付きロジックを簡素化できるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート