JavaScriptでのnull（undefined）チェック

　至るところで使われる、nullチェックの書き方をJavaScript的に考えてみることにします。

nullチェックとは

　プログラミングでは、よくnullという概念が用いられています。「何もない」という特殊な値ですが、実際には、これがしばしば悪さをすることになるのです。

Javaの例

　以下のコードは実行時例外（NullPointerException）になります。

public class Main{
    public static void main(String[] args){
        boolean result = isExample(null);
        System.out.println(result);
    }

    private static boolean isExample(String s){
        return s.equals("example");
    }
}

　これは、String型宣言が行われているにも関わらず、nullという特別な値が入っているために、equals()メソッドへの参照を取得することができません。よって、アプリケーションは処理を継続する術を持たず、例外が出てしまうわけです。

　しかし、これを回避する手段があります。それが俗に言う「nullチェック」です。以下のコードを実行してみましょう。

public class Main{
    public static void main(String[] args){
        boolean result = isExample(null);
        System.out.println(result);
    }

    private static boolean isExample(String s){
        if(s == null){
            return false;
        }else{
            return s.equals("example");
        }
    }
}

　これで、nullがあっても正しくresultが返るようになりました。

　このif(s == null)の部分が、nullかどうかをチェックする、「nullチェック」と呼ばれるコードです。

JavaScriptでのnull

　JavaScriptには、nullに加えてundefinedという値があります。両者は似たようなものですが、undefinedはその名のとおり、「未定義」の値です。たとえば・・・。

var str;
console.log(str);   // undefined

　undefinedは値の内容が存在しないときに暗黙的に設定される値です。対して、nullはプログラマが明示的に設定しなければ存在しない値です。たとえば次のコードではnullが代入されます。

var str = null;
console.log(str);   // null

　nullは、undefinedを返す場合とで明示的に動作を変えたい場合などに使われますが、意識して使うケースは通常そう多くありません。

　今回は、そんなJavaScriptで使えるnull（undefined）チェックの手段について、いくつか考えてみましょう。

JavaScriptでのnull(undefined）チェック

if文で分岐する

　最も単純な例です。

var o;
if(o === undefined || o === null){
    console.log("o is null or undefined");
}

　特に理由がなければこれで問題ありません。実際には、これをこのまま使わず、ユーティリティ的なメソッドを定義して使うことになるかと思います。

function isNullOrUndefined(o){
    return (o === undefined || o === null);
}

typeof演算子を使う

　時に、ローカル変数のundefinedを上書きする悪いヤツがいるかもしれません。ES5では、グローバルのundefinedの書き換えは行うことができませんが、ローカル変数のundefinedにundefined以外を定義することができます。

　しかし、通常、クロージャ内部のローカル変数まで弄られる心配をする必要はありません。これらは良くない例として覚えておきましょう。

　たとえば以下のようなケースを考えてみます。

var result = isNullOrUndefined("example");
console.log(result);    // falseを期待するがtrueが返る

function isNullOrUndefined(o){
    var undefined = "example";
    return (o === undefined || o === null);
}

　こういったことが想定される場合、以下のようにtypeof演算子を使うことで確実性を保つことができます。

var result = isNullOrUndefined("example");
console.log(result);    // false

function isNullOrUndefined(o){
    var undefined = "example";
    return (typeof o === "undefined" || o === null);
}

　ちなみに、nullに対して値を代入しようとすると、SyntaxErrorとなりますので、こちらは心配する必要はありません。

グローバル変数を見る

　先ほどの例だと、ローカル変数のundefinedを参照してしまって期待した結果が得られませんでした。

　ES5では、グローバルのundefinedを書き換えることはできませんので、以下のようなコードでも確実性を担保できます。

var result = isNullOrUndefined("example");
console.log(result);    // true

function isNullOrUndefined(o){
    var undefined = "example";
    return (o === function(){}.undefined || o === null);
}

　なかなかトリッキーなコードです。可読性を損なうので、実際には使わないようにしましょう。

暗黙的キャストを利用する

　JavaScriptは、どのようなオブジェクトであっても、評価時に暗黙的にbooleanにキャストするという特徴があります。以下のコードを見てください。

var a = "";
var b = 0;
var c = undefined;
var d = null;
var e = NaN;

　これらは、全て暗黙的にfalseと評価されます。これを利用すれば、簡単にnullチェックが実現できます。しかしこれは、限られた用途にしか使えないことを覚えておいてください。入力がNumber型やString型の場合、空文字や0、NaNもfalseと評価されてしまうことに注意しましょう。

　以下のように、入力値がいくつかのケースに限られている場合に有効でしょう。

var o = findById(1);

if(o){
    console.log(o.name);
}

function findById(id){
    if(id === 1){
        return {
            id: 1,
            name: "example"
        };
    }
    return null;
}

　oがnullの場合は、consoleを表示しないのでo.nameが評価されません。仮にoがnullなのにo.nameを評価しようとした場合、TypeErrorが発生してしまいます。このコードは、これを未然に防いだものです。

配列などのケース

　ところで、配列などに対してforEachメソッドを実行したい場合に、nullチェックを行うケースがあります。

var arrays = getArrayOrNull();

arrays.forEach(function(arr){
    console.log(arr);
});

// ランダムでnullかArrayを返すメソッド
function getArrayOrNull(){
    return Math.round(Math.random()) ? [1,2,3] : null;
}

　これをこのまま実行すると、50%の確立でTypeErrorが発生しますが・・・。

　以下のようにすれば、nullの場合は空配列を代入するため、問題なく動作します。

var arrays = getArrayOrNull() || [];

arrays.forEach(function(arr){
    console.log(arr);
});

// ランダムでnullかArrayを返すメソッド
function getArrayOrNull(){
    return Math.round(Math.random()) ? [1,2,3] : null;
}

　これもよく使われるテクニックです。適切な場所で使えると簡潔ですね。