条件分岐（if文）

構文の説明

//elseを書かない場合、条件式がtrueのときだけ処理が実行されます
if( 条件式 ) {
  条件式が真（true）の時の処理 
} //（falseのときは何も実行されず、次の処理に進みます）

//elseを書くと、条件によって処理を分けられます
if( 条件式 ) {
  条件式が真（true）の時の処理 
} else {
  条件式が偽（false）の時の処理
}

// 条件を複数に分けたい場合はelse ifを使います
if (条件1) {
  条件1がtrueのときの処理
} else if (条件2) {
  条件2がtrueのときの処理
} else {
  どの条件にも当てはまらないときの処理
}

例題

変数scoreを定義し、scoreの値が80より大きい場合、コンソールへ「合格」と表示するif文を作成してください。

let score = 81;
if(score > 80) {
  console.log("合格") 
}

問題

変数priceを定義し、priceの値が1000以下の場合、コンソールに「安い」と表示するif文を作成してください。

let price = 980;
if (price <= 1000) {
  console.log('安い');
}

変数temperatureを定義し、temperatureの値が30より大きい場合は「暑い」、それ以外は「涼しい」と表示するif文を作成してください。

let temperature = 35;
if (temperature > 30) {
  console.log('暑い');
} else {
  console.log('涼しい');
}

変数ageを定義し、20以上の場合は「成人です」、それ未満の場合は「未成年です」と表示するif文を作成してください。

let age = 20;
if (age >= 20) {
  console.log('成人です');
} else {
  console.log('未成年です');
}

変数nameを定義し、値が空文字の場合「名前が未入力です」、それ以外は「名前が入力されています」と表示してください。

let name = "";
if (name == "") {
  console.log("名前が未入力です");
} else {
  console.log("名前が入力されています");
}

変数isMemberを定義し、trueの場合は「会員です」、falseの場合は「会員ではありません」と表示するif文を作成してください。

let isMember = true;

if (isMember) {
  console.log('会員です');
} else {
  console.log('会員ではありません');
}

変数isAdminを定義し、falseの場合は「一般ユーザーです」、それ以外は「管理者です」と表示するif文を作成してください。

let isAdmin = false;

if (!isAdmin) {
  console.log('一般ユーザーです');
} else {
  console.log('管理者です');
}

変数isLoginを定義し、ログインしている場合は「ログイン中」、していない場合は「ログインしていません」と表示してください。

let isLogin = false;
if (isLogin) {
  console.log("ログイン中");
} else {
  console.log("ログインしていません");
}

変数checkedを1で定義し、値がある場合は「チェック済です」、ない場合は「未チェックです」と表示するif文を作成してください。

let checked = 1;

if (checked) {
  console.log('チェック済です');
} else {
  console.log('未チェックです');
}

変数countを0で定義し、値が存在する場合のみコンソールに表示するif文を作成してください。

let count = 0;

if (count) {
  console.log(count);
}

変数greetingを未定義にし、値がない場合は「greetingはundefinedです」、ある場合はその値を表示してください。

let greeting;

if (!greeting) {
  console.log('greetingはundefinedです');
} else {
  console.log(greeting);
}

変数weightを以下の条件で分岐してください。
60より大きい：「60より大きい」
45より大きい：「45より大きい」
それ以外：「45以下」

let weight = 50;

if (weight > 60) {
  console.log('60より大きい');
} else if (weight > 45) {
  console.log('45より大きい');
} else {
  console.log('45以下');
}

変数scoreを定義し、次の条件で表示を切り替えてください。
80以上：「とても良い」
60以上：「良い」
それ未満：「がんばりましょう」

let score = 70;
if (score >= 80) {
  console.log("とても良い");
} else if (score >= 60) {
  console.log("良い");
} else {
  console.log("がんばりましょう");
}

変数itemPriceを以下の条件で分岐してください。
5000以上：送料無料
3000以上：送料500円
それ未満：送料1000円

let itemPrice = 4000;

if (itemPrice >= 5000) {
  console.log('送料無料');
} else if (itemPrice >= 3000) {
  console.log('送料500円');
} else {
  console.log('送料1000円');
}

変数rankを以下の条件で分岐をするif文を作成してください。
"gold"：「ゴールド会員」
"silver"：「シルバー会員」
それ以外：「一般会員」

let rank = "gold";
if (rank == "gold") {
  console.log("ゴールド会員");
} else if (rank == "silver") {
  console.log("シルバー会員");
} else {
  console.log("一般会員");
}

変数pointを定義し、次の条件で評価してください。
90以上：「A」
70以上：「B」
50以上：「C」
それ未満：「D」

let point = 75;
if (point >= 90) {
  console.log("A");
} else if (point >= 70) {
  console.log("B");
} else if (point >= 50) {
  console.log("C");
} else {
  console.log("D");
}

変数signalを定義し、次の条件で表示してください。
"red"：「止まれ」
"yellow"：「注意」
"green"：「進め」

let signal = "yellow";
if (signal == "red") {
  console.log("止まれ");
} else if (signal == "yellow") {
  console.log("注意");
} else if (signal == "green") {
  console.log("進め");
}

変数isLoginを定義し、次の条件で表示してください。

・false の場合：「ログインしてください」
・それ以外：「ようこそ」

let isLogin = false;

if (isLogin == false) {
    console.log('ログインしてください');
} else {
    console.log('ようこそ');
}

次のif文のコードは誤りです。正しいif文になるように修正してください。

let adultage = 18;
if (adultage = 20) {
    console.log('成人');
} else {
    console.log('未成人');
}

// adultage = 20は「比較演算」ではなく「代入」になるため誤りです。比較をするためには==を使用します。
let adultage = 18;
if (adultage == 20) {
    console.log('成人');
} else {
    console.log('未成人');
}

次のif文のコードは誤りです。正しいif文になるように修正してください。

let score = 40;
if (score <= 60) {
    console.log('合格');
} else {
    console.log('不合格');
}

//「60点以上で合格」なので、score >= 60とする必要があります。
let score = 40;
if (score >= 60) {
    console.log('合格');
} else {
    console.log('不合格');
}

次のif文のコードは誤りです。正しい順番に修正してください。

let point = 85;

if (point >= 60) {
    console.log('合格');
} else if (point >= 90) {
    console.log('とても優秀');
} else {
    console.log('不合格');
}

//条件は「大きい値から」順に書く必要があります。
//先に >= 60 を書くと、90以上でもそこで判定されてしまいます。
let point = 85;

if (point >= 90) {
    console.log('とても優秀');
} else if (point >= 60) {
    console.log('合格');
} else {
    console.log('不合格');
}

関連リンク