真偽値と比較

5 == "5" は true ですが、5 === "5" は false です。三つの等号は、両側が同じ型であることも確かめます。

はいかいいえで答える問い

プログラムはいつも問いを立てています。パスワードは十分に長いか。プレイヤーの残りの命はなくなったか。今日は週末か。どれも答えは二つのうちの一つで、JavaScript はそれを二つの真偽値 true と false で表します。真偽値（boolean）の名前は、真と偽の代数を考え出した 19 世紀の数学者ジョージ・ブールにちなんでいます。真偽値はそれだけではあまりおもしろくありませんが、プログラムが判断できるのは真偽値のおかげです。それが次の単元のテーマです。

比較演算子

比較は二つの値を受け取り、真偽値を生み出します。よく使う六つを下にまとめました。「等しい」が三つの等号で書かれていることに注意しましょう。一つの = はすでに「値を入れる」という意味だからです。

計算と同じように比較も式なので、表示したり変数に入れたりできます。const isAdult = age >= 18; は、年齢に応じて true か false を isAdult に入れます。真偽値の変数名は is、has、can で始めることが多く、そうするとコードが問いのように読めます。

== ではなく === を使う理由

JavaScript には二つの等号 == もあり、緩い等価と呼ばれます。== は比べる前に両側を同じ型に変えようとするので、予想しにくい結果になります。5 == "5" は true で、0 == "" も true です。三つの等号 === は厳密な等価で、型を変えることはありません。型がちがえば、答えはただ false になります。MDN やほとんどのスタイルガイドは、ふだんのコードには === と !== をすすめています。このコースでもずっとこの二つを使います。

console.log(5 === 5);      // true
console.log(5 === "5");    // false
// 緩い等価（使わないほうがよい）:
console.log(5 == "5");     // true
console.log("cat" !== "dog"); // true

文字列も比較できます。=== は二つの文字列の文字が大文字もふくめて完全に同じかを確かめるので、"Yes" === "yes" は false です。< と > の演算子は、文字コードを使って文字列を一文字ずつ比べます。小文字の英単語なら、これは辞書の順にほぼ近くなります。"apple" < "banana" は true です。この順序では大文字がすべての小文字より前に来るので、"Zebra" < "apple" も true です。

&&、||、! で答えを組み合わせる

実際の問いは、いくつかの部分からできていることがよくあります。ある乗り物には、身長 120 cm 以上かつ 8 歳以上という条件があるかもしれません。JavaScript は論理演算子で真偽値の答えを組み合わせます。&&（かつ）は両側が true のときだけ true です。||（または）は少なくとも片側が true なら true です。!（否定）は真偽値を反対にするので、!true は false です。

const height = 130;
const age = 7;
console.log(height >= 120 && age >= 8);   // false
console.log(height >= 120 || age >= 8);   // true
console.log(!(age >= 8));                 // true

例題。その日は週末でしょうか。day === "Sat" || day === "Sun" です。両側に day === をくり返して書く必要があることに注意しましょう。day === "Sat" || "Sun" と書くと英語としては自然に見えますが、思ったとおりには動きません。"Sun" だけでは比較にならないからです。比較は && や || より先に計算されるので、height >= 120 && age >= 8 に余分なかっこはいりません。ただし、つけても害はありません。

あとで出てくる考え方をもう一つ紹介します。JavaScript は真偽値が必要なところで別の値を受け取ると、いくつかの値を false として扱います。この falsy な値は、false、0、空文字列 ""、null、undefined、NaN です。それ以外はすべて true として扱われます。文字列の "0" や "false" も true です。