🐺

[JavaScript]条件(三項)演算子 とは(備忘録)

2025/02/02に公開

1.はじめに

条件式の判定結果に応じて、異なる結果(値)を返すことができる演算子です。

三項演算子の書き方
条件式 ? 真の時の値 : 偽の時の値

2.サンプルプログラム

〇例1:簡単な三項演算子プログラム

Sample_1.js
const age = prompt('年齢を、数値のみで入力してください。', '');
// 入力した文字列を数値に変換
const modify_age = Number(age);

// 三項演算子
const result = modify_age >= 18 ? '成人' : '未成年';

console.log(result);

if/else 文を使用して、上記の三項演算子プログラムを修正。

Sample_2.js
const age = prompt('年齢を、数値のみで入力してください。', '');
// 入力内容を数値に変換
const modify_age = Number(age);

if (modify_age >= 18){
    console.log('成人');
} else {
    console.log('未成年');
}

〇例2:複数の疑問符(?)を使用した三項演算子プログラム

Sample_3.js
const score = prompt('0~15までの値を、数値のみで入力してください。', '');
// 入力内容を数値に変換
const modify_score = Number(score);

const result =
    (modify_score >= 16) ? '0~15の値を入力してください' :
    (modify_score >= 10) ? '素晴らしい' :
    (modify_score >= 5 && modify_score <= 9) ? '普通' :
    '頑張ろう';

console.log(result);

〇例3:オブジェクト・空文字列・null を使用した三項演算子プログラム

Sample_4.js
const greeting = (visitor) => {
    // 三項演算子
    const result = (typeof visitor === 'object' && visitor !== null) ? visitor.name : 'お客';
        return `はじめまして、${result}`;
};

console.log(greeting({name: '山本'})); 
console.log(greeting('山本'));
console.log(greeting(''));
console.log(greeting());
実行結果
はじめまして、山本様
はじめまして、お客様
はじめまして、お客様
はじめまして、お客様

3.まとめ

4.参考

条件分岐: if, '?'
条件 (三項) 演算子
三項演算子の適切な使い方(条件演算子)
Window.prompt()

5.その他

実行環境

Discussion