JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptの条件演算子（三項演算子）とは？基本構文と使い方を解説

JavaScriptの条件演算子（三項演算子とも呼ばれます）は、まず式を評価してその結果が真（true）か偽（false）かを判定し、評価結果に応じて2つの値のうちどちらか一方を返す演算子です。if文を使わずに簡潔に条件分岐を記述できるため、実務でも頻繁に利用されています。

条件演算子の構文

番号演算子と説明
1?:（条件演算子）
条件が真（true）であれば値Xを、そうでなければ値Yを返します。

基本的な書き方

条件式 ? 値X : 値Y;

この構文では、まず「条件式」が評価されます。結果がtrueであれば「値X」が返され、falseであれば「値Y」が返されます。

サンプルコード

以下のコードを実行すると、JavaScriptにおける三項演算子の動作を実際に確認できます。

<html>
<body>
<script>
var a = 10;
var b = 20;
var linebreak = "<br />";

document.write("((a > b) ? 100 : 200) => ");
result = (a > b) ? 100 : 200;
document.write(result);
document.write(linebreak);

document.write("((a < b) ? 100 : 200) => ");
result = (a < b) ? 100 : 200;
document.write(result);
document.write(linebreak);
</script>
</body>
</html>

実行結果

((a > b) ? 100 : 200) => 200
((a < b) ? 100 : 200) => 100

コードの解説

  • 最初の例では、「a > b」は10 > 20となるためfalseと評価され、結果として200が返されます。
  • 次の例では、「a < b」は10 < 20となるためtrueと評価され、結果として100が返されます。

このように、三項演算子を使えば簡単な条件分岐を1行でスマートに記述できます。ただし、複雑な条件や入れ子（ネスト）が多くなる場合は可読性が低下するため、if文との使い分けが重要です。

  1. JavaScriptのべき乗演算子（**）とは？使い方と注意点を解説

    JavaScriptには、数値のべき乗（累乗）を計算するためのべき乗演算子が用意されています。記号は ** で表され、「ある数値を別の数値で累乗した結果」を簡単に求めることができます。実は、べき乗を計算する方法としては、従来から Math.pow() メソッドが存在していました。しかし、べき乗演算子（**）はJavaScriptに限らず、PythonやRubyなど他のプログラミング言語でも共通して使われる構文であるため、可読性やコードの移植性の面で大きなメリットがあります。べき乗演算子の注意点べき乗演算子の唯一の弱点は、負の数を底（基数）として使う場合には括弧（）で囲む必要があるという点です。

  2. JavaScriptの型変換に便利な「+」演算子の重要性とは？具体例付きで解説

    JavaScriptにおける「+」演算子は、数値の加算や文字列の連結など幅広い用途を持つ一方で、実は型変換においても非常に重要な役割を果たしています。普段は足し算の計算に使うことが多いですが、単項演算子（オペランドが一つだけの形）として使うことで、文字列を驚くほど簡単に数値へ変換できるのです。 文字列を数値へ変換する例 <html> <body> <script>     var num = 23;     int = +num;