条件演算子(三項演算子) 練習問題集
では、条件演算子の練習問題を レベル別(初級・中級・応用) にまとめ、手を動かしながら学べる形にします。
各問題に解答と詳しい解説もつけます。
レベルの目安
- 初級:基本的な値の比較(数値や文字列)
- 中級:複数条件の判定や演算子を組み合わせる
- 応用:ネストや複雑な条件での活用
初級(基礎理解)
問題1:合格判定
let score = 68;
let result = /* 条件演算子 */;
console.log(result);
JavaScript目標:70点以上なら '合格'、それ以外は '不合格'
解答
let result = (score >= 70) ? '合格' : '不合格';
console.log(result); // 不合格
JavaScript問題2:偶数・奇数判定
let num = 13;
let type = /* 条件演算子 */;
console.log(type);
JavaScript目標:偶数なら '偶数'、奇数なら '奇数'
解答
let type = (num % 2 === 0) ? '偶数' : '奇数';
console.log(type); // 奇数
JavaScript問題3:絶対値
let n = -25;
let absValue = /* 条件演算子 */;
console.log(absValue);
JavaScript目標:n の絶対値を表示
解答
let absValue = (n >= 0) ? n : -n;
console.log(absValue); // 25
JavaScript中級(少し応用)
問題4:文字列長判定
let str = "JavaScript";
let msg = /* 条件演算子 */;
console.log(msg);
JavaScript目標:文字数が5以上なら '長い文字列'、それ以外は '短い文字列'
解答
let msg = (str.length >= 5) ? '長い文字列' : '短い文字列';
console.log(msg); // 長い文字列
JavaScript問題5:最大値判定
let a = 42;
let b = 37;
let max = /* 条件演算子 */;
console.log(max);
JavaScript目標:a と b の大きい方を max に代入
解答
let max = (a > b) ? a : b;
console.log(max); // 42
JavaScript問題6:3桁判定
let num = 123;
let result = /* 条件演算子 */;
console.log(result);
JavaScript目標:数値が100以上なら '3桁以上'、それ以外は '3桁未満'
解答
let result = (num >= 100) ? '3桁以上' : '3桁未満';
console.log(result); // 3桁以上
JavaScript応用(複雑な条件・ネスト)
問題7:学年判定
let age = 20;
let grade = /* 条件演算子 */;
console.log(grade);
JavaScript目標:
- 18歳未満 →
'未成年' - 18歳以上30歳未満 →
'成人' - 30歳以上 →
'中年'
解答
let grade = (age < 18) ? '未成年' : (age < 30 ? '成人' : '中年');
console.log(grade); // 成人
JavaScript解説
- 条件演算子をネストして使うことで複数条件を1行で書ける
(age < 18)→ trueなら'未成年'- falseなら次の条件
(age < 30 ? '成人' : '中年')を評価
問題8:成績判定(3段階)
let score = 88;
let grade = /* 条件演算子 */;
console.log(grade);
JavaScript目標:
- 90以上 →
'優' - 70以上 →
'良' - それ以下 →
'可'
解答
let grade = (score >= 90) ? '優' : (score >= 70 ? '良' : '可');
console.log(grade); // 良
JavaScript問題9:絶対値の最大値
let x = -7;
let y = 4;
let maxAbs = /* 条件演算子 */;
console.log(maxAbs);
JavaScript目標:x と y の絶対値の大きい方を maxAbs に代入
解答
let maxAbs = (Math.abs(x) > Math.abs(y)) ? Math.abs(x) : Math.abs(y);
console.log(maxAbs); // 7
JavaScript問題10:複数条件判定
let temp = 25;
let weather = /* 条件演算子 */;
console.log(weather);
JavaScript目標:
- 30以上 →
'暑い' - 15以上30未満 →
'快適' - それ以下 →
'寒い'
解答
let weather = (temp >= 30) ? '暑い' : (temp >= 15 ? '快適' : '寒い');
console.log(weather); // 快適
JavaScript💡 学習ポイントまとめ
- 条件演算子は簡潔に「もし〜なら〜、そうでなければ〜」を書くための記号
- ネストすれば複数条件も1行で表現可能
- 複雑になりすぎると可読性が下がるため、適切に
if文と使い分ける
