【JavaScript】if文を省略して書く三項演算子の書き方・使い方

条件式 ? true : false;

// if文を使用した書き方
let flag1 = true;
let text1;

if (flag1) {
  text1 = "flagに代入されている値はtrueだよ!";
} else {
  text1 = "flagに代入されている値はfalseだよ!";
}
console.log(text1); // => flagに代入されている値はtrueだよ!


// 三項演算子を使用した書き方
let flag2 = true;
let text2 = flag2 ? "flagに代入されている値はtrueだよ!" : "flagに代入されている値はfalseだよ!";
console.log(text2); // => flagに代入されている値はtrueだよ!

条件式① ? true① : 条件式② ? true②: false;

let num = 33;

// if文を使用した書き方
if (num >= 50) {
  console.log("50以上");
} else if (num >= 40) {
  console.log("40以上");
} else if (num >= 30) {
  console.log("30以上");
} else {
  console.log("30未満");
}

// 三項演算子を使用した書き方
num >= 50
  ? console.log("50以上")
  : num >= 40
  ? console.log("40以上")
  : num >= 30
  ? console.log("30以上")
  : console.log("30未満");