ＪａｖａＳｃｒｉｐｔ講座
（メールマガジン編）

６/０９日発行　ヨッシーの”ホームページを作ろう！（JavaScript編）”★Vol.4★

ここからは少しずつプログラムっぽくなってくるよ、
でもまだホームページでは使えないんだね。
もうちょっと待ってね、少しずつ説明していくから。

これは大雑把に言うと条件を満たしているか満たしていないかを判別するプログラムなんだ。
どんな時に使うか、たとえば問題に答えて正解か不正解かを判別したりできるんだ。
じゃあ、まず基本文を見てみよう！

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

このようなプログラムでいろいろな条件によって処理を指定することが出来るんだ。
英語でifという単語を見た人もいるかな？
これはif（もし〜ならば）という意味だったよね。
そう、この文も同じように考えればいいんだ。
じゃあ、上から順番に見ていくね。

if(条件式１){                    ←もし(if)条件１を満たしていれば
         処理１;                       ←処理１を実行
}

まずこの文を見てほしいんだけど、
これはどういう意味かというともし(if)条件式を満たしていれば処理１を実行するということなんだ。
次に

else if(条件式２){       ←そうではなくて(else)もし(if)条件式２を満たしていれば
        処理２;               ←処理２を実行
}

という文だけどelseというのは"そうではなくて"って考えればいいかな。
だからそうではなくて(上の条件１を満たしてなくて)
もし(if)条件２を満たしているなら処理２を実行しなさいという意味になるんだ。
最後に、

else{                           ←そうではなくて(上の条件１、条件２を満たしていなくて)
        処理３;              ←処理３を実行
}

これは、
そうではなくて(else)、つまり上の二つとも条件を満たさなかったら
それ以外はすべて処理３を実行しなさいという意味だね。
これが基本的な"else if 文"だよ。
ここは大まかな部分、こういう処理の仕方があるんだということを押さえておくぐらいでもいいよ。
プログラムってこんな書き方をするんだなってね。

少し詳しく

上のことがわかった人はここも読んでほしい。
もう一度さっきのプログラムを出してみよう。

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

じゃあ復習！
条件式１を満たしている時、どの処理が実行される？
これはまず上から見ていくと、
はじめの

if(条件式１){
         処理１;
}

で条件１を満たしているのでまず処理１が実行されるのはわかるよね。
じゃあその後を見てみると、

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

この二つの処理は実行されるかな？
この二つの処理の前には両方ともelse(そうでなければ)というのがついてるね。
だから上でもう条件が満たされてしまったのでここの処理はされないということになるよね。

じゃあ、次に条件２が満たされている時はどうなるんだろうか？
まず１番上の

if(条件式１){
         処理１;
}

では条件が満たされていないから処理１は実行されないね。
次に、

else if(条件式２){
         処理２;
}

そうでなくて(else)、条件２が満たされているのでここで処理２が実行されるんだね。
処理３についてはさっきと同じで、ここで処理２が実行されたから処理３は実行されないね。

最後に条件１も条件２も満たしていない時、
その時は

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

の両方とも実行されずに最後の処理３が実行されることになるね。