JavaScriptで「js 型を調べる」方法を徹底解説

型とは何か

JavaScriptにおける「型」とは、変数や値がどのような種類のデータを保持できるかを示すものです。JavaScriptは動的型付け言語であり、変数の型は実行時に決定されます。これは、変数を宣言する際に型を指定する必要がないことを意味します。

JavaScriptには以下のような基本的なデータ型が存在します：

Number: 任意の数値を表します。整数や浮動小数点数を含みます。
String: テキストデータを表します。ダブルクォート(“)またはシングルクォート(‘)で囲まれた一連の文字です。
Boolean: 真または偽を表します。これはtrueまたはfalseの値を持つことができます。
Null: 変数が値を持たないことを表します。
Undefined: 変数が定義されているが、値が割り当てられていないことを表します。
Object: キーと値のペアの集合を表します。値はJavaScriptの任意の型を持つことができます。

これらの型を理解することは、JavaScriptでのプログラミングにおいて重要なスキルです。それぞれの型がどのように動作し、どのように使用されるかを理解することで、より効率的でエラーの少ないコードを書くことができます。また、型の違いを理解することは、デバッグ時にも役立ちます。特にJavaScriptは型変換を自動的に行うため、予期しない型変換が原因で発生するエラーを防ぐことができます。このような理由から、「型」について理解することは非常に重要です。次のセクションでは、JavaScriptで型を調べる方法について詳しく説明します。

typeof演算子の基本的な使用方法

JavaScriptには、値の型を調べるためのtypeofという演算子があります。typeof演算子は、オペランド（つまり、調査対象の値）の型を表す文字列を返します。

以下に、typeof演算子の基本的な使用方法を示します：

let num = 123;
console.log(typeof num);  // "number"

let str = "Hello, World!";
console.log(typeof str);  // "string"

let bool = true;
console.log(typeof bool);  // "boolean"

let obj = {name: "John", age: 30};
console.log(typeof obj);  // "object"

let arr = [1, 2, 3];
console.log(typeof arr);  // "object"

let n = null;
console.log(typeof n);  // "object"

let undef;
console.log(typeof undef);  // "undefined"

let func = function() {};
console.log(typeof func);  // "function"

上記の例からわかるように、typeof演算子は、数値、文字列、ブール値、オブジェクト、未定義の値、関数の型を正しく判定します。ただし、nullと配列については、"object"と判定されることに注意が必要です。これはJavaScriptの仕様によるもので、これらの値をより具体的に判定する方法については、次のセクションで説明します。また、typeof演算子は、変数が宣言されていない場合でもエラーを発生させずに"undefined"を返すため、変数が定義されているかどうかを確認するのにも使用できます。これらの特性により、typeof演算子はJavaScriptで型を調べる際の重要なツールとなります。次のセクションでは、組み込み型（プリミティブ型）の判定方法について詳しく説明します。

組み込み型（プリミティブ型）の判定

JavaScriptには、Number、String、Boolean、Null、Undefinedといった組み込み型（プリミティブ型）が存在します。これらの型は、typeof演算子を使用して判定することができます。以下に、それぞれの型の判定方法を示します：

let num = 123;
console.log(typeof num);  // "number"

let str = "Hello, World!";
console.log(typeof str);  // "string"

let bool = true;
console.log(typeof bool);  // "boolean"

let n = null;
console.log(typeof n);  // "object"

let undef;
console.log(typeof undef);  // "undefined"

上記の例からわかるように、Number、String、Boolean、Undefinedの型は、typeof演算子を使用して正しく判定することができます。しかし、Nullの型は"object"と判定されることに注意が必要です。これはJavaScriptの仕様によるもので、Nullの型を正確に判定するためには、以下のような特別なチェックが必要です：

let n = null;
console.log(n === null);  // true

このように、Nullの値は===演算子を使用してnullと比較することで判定することができます。次のセクションでは、配列やラッパークラスを判定する方法について詳しく説明します。

配列やラッパークラスを判定する方法

JavaScriptでは、配列やラッパークラス（Number、String、Boolean）もオブジェクトとして扱われます。そのため、これらの型をtypeof演算子で判定しようとすると、結果は"object"となります。これらの型を正確に判定するためには、別の方法を用いる必要があります。

配列の判定

配列の判定には、Array.isArray()メソッドを使用します。このメソッドは、引数が配列である場合にtrueを、そうでない場合にfalseを返します。

let arr = [1, 2, 3];
console.log(Array.isArray(arr));  // true

let num = 123;
console.log(Array.isArray(num));  // false

ラッパークラスの判定

ラッパークラスのインスタンスを判定するには、instanceof演算子を使用します。この演算子は、左オペランドが右オペランドのインスタンスである場合にtrueを、そうでない場合にfalseを返します。

let num = new Number(123);
console.log(num instanceof Number);  // true

let str = new String("Hello, World!");
console.log(str instanceof String);  // true

let bool = new Boolean(true);
console.log(bool instanceof Boolean);  // true

ただし、instanceof演算子は、プリミティブ値に対してはfalseを返すことに注意が必要です。

let num = 123;
console.log(num instanceof Number);  // false

let str = "Hello, World!";
console.log(str instanceof String);  // false

let bool = true;
console.log(bool instanceof Boolean);  // false

このように、JavaScriptでは、配列やラッパークラスの判定には特別な方法を用いる必要があります。これらの方法を理解することで、より正確な型判定が可能となります。次のセクションでは、typeofとinstanceofの違いについて詳しく説明します。

typeofとinstanceofの違い

JavaScriptには、値の型を調べるためのtypeofとinstanceofという2つの演算子があります。これらの演算子は似ていますが、それぞれ異なる目的と使用方法があります。

typeof演算子

typeof演算子は、オペランド（つまり、調査対象の値）の型を表す文字列を返します。typeofは、プリミティブ型（Number、String、Boolean、Undefined、Symbol）やFunction、Objectの判定に使用します。ただし、nullや配列については、"object"と判定されることに注意が必要です。

console.log(typeof 123);  // "number"
console.log(typeof "Hello, World!");  // "string"
console.log(typeof true);  // "boolean"
console.log(typeof undefined);  // "undefined"
console.log(typeof Symbol());  // "symbol"
console.log(typeof function() {});  // "function"
console.log(typeof {});  // "object"
console.log(typeof null);  // "object"
console.log(typeof []);  // "object"

instanceof演算子

一方、instanceof演算子は、オブジェクトが特定のコンストラクターから派生したインスタンスであるかどうかをチェックします。つまり、instanceofは、オブジェクトの具体的な「インスタンス」であるかどうかを判定します。これは、特にカスタムオブジェクトやクラス、ラッパーオブジェクト（new Number()、new String()、new Boolean()）、配列などの判定に使用します。

console.log(new Number(123) instanceof Number);  // true
console.log(new String("Hello, World!") instanceof String);  // true
console.log(new Boolean(true) instanceof Boolean);  // true
console.log(function() {} instanceof Function);  // true
console.log({} instanceof Object);  // true
console.log([] instanceof Array);  // true