🐺
[JavaScript]条件(三項)演算子 とは(備忘録)
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