もしも〜なら：if文

「もし雨なら傘を持っていく。晴れなら持っていかない」。わたしたちがふだんやっているこの判断を、プログラムに書けるのがif文です。状況によって動きを変える——プログラムが”賢く”ふるまう仕組みの正体です。

書いてみよう

let weather = "雨";

if (weather === "雨") {
  console.log("傘を持っていこう！");
}

weatherの中身が「雨」なので、コンソールに「傘を持っていこう！」と表示されます。中身が「晴れ」だったら、何も起きません。

「等しい」は=を3つ

条件の中で「等しいかどうか」を調べるときは、===とイコールを3つ並べます。

if (weather === "雨") {

ちがったときはelse

「成り立たなかったときは、こっち」も書けます。それがelse（さもなければ）です。

if (weather === "雨") {
  console.log("傘を持っていこう！");
} else {
  console.log("手ぶらでOK！");
}

これで、雨なら「傘を持っていこう！」、それ以外なら「手ぶらでOK！」。道が2つに分かれるので、この仕組みは「条件分岐」と呼ばれます。

数の大小もくらべられる

条件には、数のくらべっこも書けます。

let score = 85;

if (score >= 80) {
  console.log("すごい！合格！");
}

動きを見てみよう

これまで学んだ「イベント」と組み合わせると、こんな仕掛けが作れます。あいことばが合っているかどうかで、返事が変わります。ひとつだけ新顔の道具があって、入力欄に打ちこまれた文字は、つかまえた要素に.valueをつけると取り出せます。

このレッスンのまとめ

1. if (条件) { やること }で、条件が成り立つときだけ動かせる
2. 「等しい」は===（イコール3つ）。=1つは「入れる」なので別物
3. elseで「ちがったときの道」も用意できる