【JavaScript】曖昧な比較 と 厳密な比較 について（備忘録）

１．曖昧な比較とは

・== もしくは != を用いて、比較を行います。
・データ型は異なっていても、変数・定数に格納された値が同じなら「true」と判断されます。
・曖昧な比較なので、明確な理由がない限り使用は推奨されません。
・比較する前にデータ型の変換が行われます。

２．厳密な比較とは

・=== もしくは !== を用いて、比較を行います。
・データ型が同じ且つ変数・定数に格納された値が同じ場合、「true」と判断されます。
・バグの要因になりかねない曖昧な比較よりも、厳密な比較が推奨されます

３．サンプルプログラム

〇例１

Sample_1.js

const num = 1000;
const word = '1000';

//　曖昧な比較
if(num == word){
    console.log('同じ');
} else {
    console.log('異なる');
}

// 厳密な比較
if(num === word){
    console.log('同じ');
} else {
    console.log('異なる');
}

実行結果

同じ
異なる

重要：曖昧な比較では、変数wordに格納した文字列が数値に変換されてから比較が行なわれています。

〇例２

Sample_2.js

const num = 1000;
const word = '1000';

// 曖昧な比較
if(num != word){
    console.log('異なる');
} else {
    // 等しい場合の処理
    console.log('同じ');
}

// 厳密な比較
if(num !== word){
    console.log('異なる');
} else {
    console.log('同じ');
}

実行結果

同じ
異なる

〇例３

Sample_3.js

const a = null;
const b = undefined;

//　曖昧な比較
if(a == b){
    console.log('同じ');
} else {
    console.log('異なる');
}

// 厳密な比較
if(a === b){
    console.log('同じ');
} else {
    console.log('異なる');
}

実行結果

同じ
異なる

重要：
・null は数値に変換されると、0 になります。
・undefined は数値に変換されると、 NaN（Not a Number） になります。
・undefined と null は、曖昧な比較では等しいと判定されます。

４．参考

・はじめてのJavaScriptプログラミング入門
・比較

５．その他

・実行環境