JavaScript で ? : (条件) 演算子をどのように使用しますか? 質問する

JavaScript で ? : (条件) 演算子をどのように使用しますか? 質問する

?:(疑問符とコロンの演算子、別名条件演算子または「三項演算子」) とは何ですか? また、どのように使用できますか?

ベストアンサー1

これは、if-else 文の 1 行の省略形です。条件演算子と呼ばれます。1

条件演算子を使用して短縮できるコードの例を次に示します。

var userType;
if (userIsYoungerThan18) {
  userType = "Minor";
} else {
  userType = "Adult";
}

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

これは次のように短縮できます?:

var userType = userIsYoungerThan18 ? "Minor" : "Adult";

serveDrink(userIsYoungerThan21 ? "Grape Juice" : "Wine");

すべての式と同様に、条件演算子は副作用のあるスタンドアロンのステートメントとして使用することもできますが、これは普通でない縮小の外側:

userIsYoungerThan21 ? serveGrapeJuice() : serveWine();

連鎖させることもできます:

serveDrink(userIsYoungerThan4 ? 'Milk' : userIsYoungerThan21 ? 'Grape Juice' : 'Wine');

ただし、注意しないと、次のような複雑なコードになってしまいます。

var k = a ? (b ? (c ? d : e) : (d ? e : f)) : f ? (g ? h : i) : j;

1 「三項演算子」と呼ばれることが多いですが、実際には単なる三項演算子(3 つのオペランドを受け入れる演算子)ですただし、JavaScript に現在備わっているのは三項演算子だけです。

おすすめ記事