ホームページ > 記事 > ウェブフロントエンド > JavaScript での三項演算子の使用方法
JavaScript での三項演算子の使用方法
- 不言オリジナル
- 2018-12-21 15:27:099484ブラウズ
JavaScript での三項演算子の使用方法 での三項演算子の使用方法 の三項演算子は、3 つの演算子を使用する唯一の演算子です。その使用構文は [条件式?式 1: 式 2;]。
この記事の動作環境: Windows 7 システム、JavaScript での三項演算子の使用方法 での三項演算子の使用方法 バージョン 1.8.5、Dell G3 コンピューター。
三項演算子は、その名前が示すように、3 つの演算子を使用する唯一の演算子であり、if ステートメントを単純に書き換えたものであると言えます。ブール値はその命題を表す真または偽の2つの値で、それぞれtrueとfalseと書かれ、主に条件分岐に使用されます。
三項演算子の具体的な使い方を見てみましょう。
まず if ステートメントと三項演算子の構文を見てみましょう
JavaScript での三項演算子の使用方法 での三項演算子の使用方法 で if 条件ステートメントを使用する方法3行以上の式がある場合はif文を使用します。
条件式が真(true)の場合は式1を実行し、条件式が偽(false)の場合は式2を実行します。
if（条件表达式）{
//表达式1
} else {
//表达式2
}ただし、三項演算子を使用すると、以下のように上記のif文と同じ内容を一行で簡潔に記述することができます。
三項演算子の構文
条件表达式？表达式1：表达式2;
具体的な例を見てみましょう
If金額が 5000 (5000 を含む) を超える場合、金持ちを意味します。5000 未満の場合、貧乏を意味します。
if ステートメントのコードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript での三項演算子の使用方法 での三項演算子の使用方法</title>
</head>
<body>
<script>
var money = 10000;
if (money >= 5000) {
document.write ("富有");
} else {
document.write ("贫穷");
}
</script>
</body>
</html>実行結果は以下の通り
次に、変数moneyの値を3000に変更してみましょう。
<script>
var money = 3000;
if (money >= 5000) {
document.write ("富有");
} else {
document.write ("贫穷");
}
</script>実行結果は次のとおりです
三項演算子を使用したコードは次のとおりです
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript での三項演算子の使用方法 での三項演算子の使用方法</title>
</head>
<body>
<script>
var money = 10000;
money > 5000 ? document.write("富有") : document.write("贫穷") ;
</script>
</body>
</html>変数のお金の値が 5000 よりも 10000 大きいため、「お金持ち」として表示されます。
次に、変数moneyの値を3000に変更しましょう。
<script>
var money = 3000;
money > 5000 ? document.write("富有") : document.write("贫穷") ;
</script>実行結果は次のとおりです
#上記はこの記事の全内容です。さらにエキサイティングなコンテンツをご希望の場合は、有料でご覧いただけます。 php 中国語の Web サイトに注目してください。 ！ ！
以上がJavaScript での三項演算子の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。