JavaScript での三項演算子の使用方法-jsチュートリアル-php.cn

JavaScript での三項演算子の使用方法

不言

リリース： 2021-04-21 14:46:41

オリジナル

9490 人が閲覧しました

JavaScript での三項演算子の使用方法での三項演算子の使用方法の三項演算子は、3 つの演算子を使用する唯一の演算子です。その使用構文は [条件式?式 1: 式 2;]。

JavaScript での三項演算子の使用方法

この記事の動作環境: 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>

ログイン後にコピー

実行結果は以下の通り

JavaScript での三項演算子の使用方法での三項演算子の使用方法

次に、変数moneyの値を3000に変更してみましょう。

<script>
var money = 3000;
if (money >= 5000) {
document.write ("富有");
} else {
document.write ("贫穷");
}
</script>

ログイン後にコピー

実行結果は次のとおりです

JavaScript での三項演算子の使用方法での三項演算子の使用方法

三項演算子を使用したコードは次のとおりです

<!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 大きいため、「お金持ち」として表示されます。

JavaScript での三項演算子の使用方法

次に、変数moneyの値を3000に変更しましょう。

<script>
var money = 3000;
money > 5000 ? document.write("富有") : document.write("贫穷") ;
</script>

ログイン後にコピー

実行結果は次のとおりです

JavaScript での三項演算子の使用方法

#上記はこの記事の全内容です。さらにエキサイティングなコンテンツをご希望の場合は、有料でご覧いただけます。 php 中国語の Web サイトに注目してください。！！

以上がJavaScript での三項演算子の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

JavaScript での三項演算子の使用方法