JavaScriptの型判定

####型判定について調べることがあったので、まとめてみました。

#先に結論から
型判定にはObject.prototype.toString.call()を使うと幸せになれる。

#型の種類
JavaScriptは動的型付け言語のため、静的型付け言語のような変数の型はありません。
しかし、文字列や真偽値のような値の型は存在します。

この値の型はデータ型と呼ばれ、大きく分けて下記の２つに分類されます。

##プリミティブ型（基本型）

• Boolean（真偽値）
• trueとfalseの２つがある
• String（文字列）
• "あいうえお"などのテキストデータ
• Number（数値）
• 42 や 3.14159 などの数値のデータ
• null
• 値が存在しないことを意味する。nullの１種類しかない
• undefined
• 値が未定義であることを意味する
• Symbol
• ES2015から追加された一意で不変な値を意味する（正直使い所がよくわかっていない。。）
• BigInt（巨大な整数）
• ES2020から追加された9007199254740992nなどの任意の精度で精度で表すことができる（正直使い所がよくわかっていない。。）

##オブジェクト型（複合型）

• プリミティブ型以外のデータ
• オブジェクト、配列　関数、正規表現、Dateなど

#型判定してみる
typeof演算子を使うと型を調べることができる

console.log(typeof true); // boolean
console.log(typeof "あいうえお"); // string
console.log(typeof 1234); // number
console.log(typeof null); // object （なぜ？！？！）
console.log(typeof undefined); // undefined
console.log(typeof Symbol("シンボル"));// symbol
console.log(typeof 9007199254740992n); // bigint
console.log(typeof ["hoge", "fuga"]); // object （なぜ？！？！）
console.log(typeof { "key": "value" }); // object
console.log(typeof function() {}); // function
console.log(typeof(new Date())); // object （なぜ？！？！）
console.log(typeof(new Array())); // object （なぜ？！？！）

##typeofでは厳密な判定が出来ない問題
判定結果を見ると、nullや配列やnewした際にobjectとして判定されてしまう。。。。
これでは細かなオブジェクト型の判定はできなく、配列/null/日付等の区別もできない

ちなみに、typeof nullがobjectと判定されてしまうのは、歴史的経緯のある仕様のバグ¹らしい（初めて知った）

##Object.prototype.toString.call() を使って厳格な型判定をする

const toString = Object.prototype.toString;

console.log(toString.call(true)); // [object Boolean]
console.log(toString.call("あいうえお")); // [object String]
console.log(toString.call(1234)); // [object Number]
console.log(toString.call(undefined)); // [object Undefined]
console.log(toString.call(Symbol("シンボル"))); // [object Symbol]
console.log(toString.call(9007199254740992n)); // [object BigInt]
console.log(toString.call(["hoge", "fuga"])); // [object Array]
console.log(toString.call({ "key": "value" })); // [object Object]
console.log(toString.call(function() {})); // [object Function]
console.log(toString.call(new Date())); // [object Date]
console.log(toString.call(new Array())); // [object Array]

1. JavaScriptが最初にNetscapeで実装された際にtypeof null === "object"となるバグがありました。このバグを修正するとすでにこの挙動に依存しているコードが壊れるため、修正が見送られ現在の挙動が仕様となりました。 詳しくは https://2ality.com/2013/10/typeof-null.html 参照。 ↩