【JS応用｜初心者向け】JavaScriptの型判定を極める！Object.prototype.toStringの活用術

2026.07.21

1. なぜObject.prototype.toStringが重要なのか

JavaScriptで開発をしていると、「この変数は配列なのか？それともただのオブジェクトなのか？」と迷う場面がよくあります。typeof演算子を使えば簡単そうに見えますが、実はtypeofは配列やnullをすべて「object」と判定してしまうという弱点があります。そんな時、正確にデータの型を判定するために欠かせないのが「Object.prototype.toString」です。

2. 基礎知識：なぜ「toString」を使うのか

JavaScriptのすべてのオブジェクトは、Objectプロトタイプを継承しています。toStringメソッドは、本来そのオブジェクトを文字列に変換するためのものですが、これを「呼び出し」の対象を変えて実行（call）すると、[object 型名]という形式で、正確な内部クラス名を返してくれます。typeofで判別できない「細かい型」まで特定できるのが最大のメリットです。

3. 実装と解決策

Object.prototype.toStringメソッドを、判定したい値に対して直接呼び出すために、Function.prototype.callを使います。これにより、任意のデータ型を正確に文字列として取得し、何が入っているかを判定することが可能になります。

4. サンプルプログラム

以下のコードをコピーして、ブラウザのコンソールなどで試してみてください。

// 型判定を簡単にするためのヘルパー関数
function getExactType(value) {
  // Object.prototype.toStringを呼び出し、結果から型名だけを抽出する
  // 例: "[object Array]" -> "Array"
  return Object.prototype.toString.call(value).slice(8, -1);
}

// 様々なデータでテスト
const dataList = [
  [1, 2, 3],          // 配列
  { name: '太郎' },    // オブジェクト
  null,               // null
  'Hello',            // 文字列
  new Date(),         // 日付オブジェクト
  /abc/               // 正規表現
];

dataList.forEach(item => {
  console.log(getExactType(item)); 
  // 出力結果: Array, Object, Null, String, Date, RegExp
});

5. 応用・注意点

この手法は非常に強力ですが、いくつか注意点があります。

カスタムクラスには注意
自分で作ったクラス（class MyClass {}）を判定する場合、toStringは「Object」という汎用的な結果を返します。特定のクラスを判定したい場合は、instanceof演算子を併用するのがベストです。

nullとundefinedの扱い
現代のJavaScriptでは、単純な判定であればArray.isArray()のような専用メソッドが用意されています。Object.prototype.toStringは「あらゆる型を網羅的に知りたい」という場面で使うのが最も効率的です。

まずは、typeofで判定できなかった配列やnullを、この方法で綺麗に分類することから始めてみてください。コードの信頼性がグッと上がりますよ！

スポンサーリンク
タイトルとURLをコピーしました