JavaScript | 条件演算子(三項演算子)

JavaScript JavaScript
スポンサーリンク

条件演算子(三項演算子) 練習問題集

では、条件演算子の練習問題を レベル別(初級・中級・応用) にまとめ、手を動かしながら学べる形にします。
各問題に解答と詳しい解説もつけます。


レベルの目安

  • 初級:基本的な値の比較(数値や文字列)
  • 中級:複数条件の判定や演算子を組み合わせる
  • 応用:ネストや複雑な条件での活用

初級(基礎理解)

問題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

目標ab の大きい方を 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

目標xy の絶対値の大きい方を 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. 条件演算子は簡潔に「もし〜なら〜、そうでなければ〜」を書くための記号
  2. ネストすれば複数条件も1行で表現可能
  3. 複雑になりすぎると可読性が下がるため、適切に if 文と使い分ける
タイトルとURLをコピーしました