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

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

Barbara Streisand
リリース: 2024-12-19 17:52:16
オリジナル
450 人が閲覧しました

How Can JavaScript's Conditional Operator (?:) Simplify If-Else Statements?

JavaScript での条件演算子の使用

条件演算子 ?: は、簡潔なコードを記述するための強力なツールです。 if-else ステートメントを 1 行に凝縮します。

条件演算子を使用するには、テスト式とその後に疑問符 (?) を指定します。テスト式が true の場合、疑問符の後の式が評価されます。 false の場合、コロン (:) の後の式が評価されます。

たとえば、次の if-else ステートメントを考えてみましょう。

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

条件演算子を使用すると、これを簡素化できます。 to:

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

条件演算子は多用途であり、ドリンク提供ロジックに次のように使用できます。よく:

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

すべての式と同様に、条件演算子は、一般的ではありませんが、副作用のあるスタンドアロンのステートメントとして使用できます:

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

複雑な条件を連鎖することもできます:

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

連鎖した条件演算子は強力ですが、過度に使用すると複雑な演算子が発生する可能性があります。コード。

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

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