JavaScriptの比較演算子を徹底解説！基本の使い方と==と===の違い

JavaScriptの比較演算子の基本をわかりやすく解説します。

JavaScriptにおいて、比較演算子は、値(数値や文字列)や変数同士の等価性や差異を調べるために使われます。比較演算子はオペランド(被演算子)を比較し、その結果が真(true)か偽(false)かに応じてブール値(boolean)を返します。

オペランド: 難しく考える必要はありません。オペランドとは、比較演算子の左右にある値のことです。例えば 2 < 4 の場合、2 と 4 がオペランドで、< が「より小さい」ことを判定する演算子です。

ブール値(Boolean) とは、true(真) か false(偽) のどちらか一方を表す値のことです。

比較演算子の一覧と説明

• >: より大きい
• <: より小さい
• >=: 以上
• <=: 以下
• !=: 等しくない
• !==: 値または型が等しくない(厳密な不等価)
• ==: 値が等しい(型は問わない)
• ===: 値と型が両方とも等しい(厳密な等価チェック)

比較演算子の使い方

「より小さい」演算子を使ったシンプルな比較の例を見てみましょう。

console.log(2 < 4)
// true

次に、厳密な等価チェックの例です。

console.log(2 === "2")
// false

この結果が false になるのは、トリプルイコール === 演算子がデータ型も含めて厳密に値を比較するためです。数値の 2 と文字列型の "2" を比較しているため、型が異なる時点で false が返されます。

同じ比較を、今度は等価演算子(ダブルイコール)== で行ってみましょう。

console.log(2 == "2")
// true

今度は true が返されました。ダブルイコール演算子は値だけを比較し、データ型までは確認しないためです。

比較演算子は、if文などの条件分岐でも非常によく使われます。

const alcoholDrinkingAge = 21
const inputAge = 17

if (inputAge < alcoholDrinkingAge) {
  console.log("申し訳ありませんが、飲酒できる年齢ではありません")
}

比較演算子はプログラミングの中でも最もシンプルでありながら、最も重要なトピックの一つです。あらゆる場面で日常的に使うことになるため、確実に理解しておきましょう。

JavaScriptで特に注意すべきポイントは、等価演算子(==) と 厳密等価演算子(===) を混同しないことです。この違いを誤ると、意図しない動作や厄介なバグにつながる可能性があります。

経験則として、常に厳密なトリプルイコール === を使用し、== は避けるのが安全です。これにより、型変換による予期せぬ挙動を防ぐことができます。