JavaScript | 条件演算子（三項演算子）

1. 条件演算子（三項演算子）とは？

条件演算子は、「もし〜なら〜、そうでなければ〜」を1行で書ける便利な記号です。
if文を使うよりもコードが短くなり、簡単な分岐処理に向いています。

構文は次の通りです：

条件式 ? 式1 : 式2

条件式 ? 式1 : 式2

• 条件式：true（真）かfalse（偽）になる式
• 式1：条件式がtrueのときに実行する処理や値
• 式2：条件式がfalseのときに実行する処理や値

2. 例1：点数による合格判定

let score = 85;
let result = (score >= 70) ? '合格です' : '不合格です';
console.log(result);  // 出力: 合格です

let score = 85;
let result = (score >= 70) ? '合格です' : '不合格です';
console.log(result);  // 出力: 合格です

説明：

1. score >= 70 → 85 >= 70 なので true
2. 条件式が true の場合は '合格です' を返す
3. 結果を result に代入して表示 → 合格です

3. 例2：条件が false の場合

let score = 60;
let result = (score >= 70) ? '合格です' : '不合格です';
console.log(result);  // 出力: 不合格です

let score = 60;
let result = (score >= 70) ? '合格です' : '不合格です';
console.log(result);  // 出力: 不合格です

• score >= 70 → 60 >= 70 は false
• false の場合は '不合格です' を返す
• 結果は 不合格です

4. if文との比較

条件演算子を使わずに if 文で書くと：

let score = 85;
let result;

if (score >= 70) {
  result = '合格です';
} else {
  result = '不合格です';
}

console.log(result); // 合格です

let score = 85;
let result;

if (score >= 70) {
  result = '合格です';
} else {
  result = '不合格です';
}

console.log(result); // 合格です

• if文は少し長くなる
• 条件演算子なら1行で書ける
• ただし複雑になると可読性が下がるので注意

5. 例3：数字の絶対値を取得

let number = -10;
let absValue = (number >= 0) ? number : -number;
console.log(absValue); // 出力: 10

let number = -10;
let absValue = (number >= 0) ? number : -number;
console.log(absValue); // 出力: 10

• number >= 0 が true ならそのまま number を返す
• false なら -number（正の値に変換）を返す
• 簡単に絶対値を計算できる

6. ポイントまとめ

• 条件演算子は 「条件 ? trueの処理 : falseの処理」 の形で書く
• 短く簡潔に書けるので、簡単な条件分岐に便利
• 複雑な条件や長い処理は if 文を使った方が読みやすい
• 練習するなら、点数判定や絶対値計算などの例がおすすめ