JavaScriptの条件分岐

条件によって処理を分岐させたい場合、条件分岐を使います。 JavaScriptの条件分岐にはif文とswitch文が用意されています。

if文
switch文

if文

条件に合致した場合のみ処理を実行する場合、if文を使います。

f(条件){処理;}

条件に当てはまる場合は処理を実行します
条件に当てはまらない場合は何もしません。

if～else文

true or falseで処理を分岐させる場合、if～else文を使います。

f(条件){
  処理１;
}else{
  処理２;
}

条件に当てはまる場合は処理１を実行します
条件に当てはまらない場合は処理２を実行します

if～else if ～else文

true or falseの組み合わせで処理を分岐させる場合、if～else if文を使います。 else if文は複数記述する事もできますが、条件が多くなる場合は後述のswitch文を使った方がスマートです。

f(条件１){
  処理１;
}else if(条件２){ 
  処理２;
}else{
  処理３;
}

条件１に当てはまる場合は処理１を実行します
条件１に当てはまらず、条件２に当てはまる場合は処理２を実行します
全ての条件に当てはまらない場合は処理３を実行します

switch文

条件に対して値で処理を細かく分岐させる場合、switch文を使います。 switchに変数、caseに値を記述して値ごとに実行する処理を判定します。

or条件の場合はcaseを続けて書き、else条件の処理はdefaultに記述します。

witch(条件){
  case 値１:
    処理１;
    break;
  case 値２: 
    処理２;
    break;
  case 値３:
    処理３;
    break;
  default :
    処理４;  //上記以外の場合に実行される処理
    break;
}

上記にやたら「break;」と書いてあることが気になると思いますが、基本的に必ず書くようにしてください。 breakによって処理を終了するので、記述がないと以降の処理も継続して実行されます。

例えば上記の処理２の下にbreakがなかった場合、値２だった場合には処理２・処理３の二つが実行されます。この仕様を利用してコードを圧縮することもできますが、あまりおススメできません。

B!
LINE