先生と生徒の会話形式で理解しよう

生徒

「先生、JavaScriptでデータの種類を調べる方法ってありますか？」

先生

「ありますよ。JavaScriptにはtypeofという演算子があって、変数や値のデータ型を簡単に調べられます。」

生徒

「演算子って何ですか？」

先生

「演算子は、計算や操作をするときに使う記号や言葉のことです。例えば+は足し算の演算子です。typeofはデータの種類を調べる演算子です。」

生徒

「具体的にどう使うんですか？」

先生

「では、基本的な使い方を見ていきましょう！」

1. typeof演算子とは？

typeof演算子は、JavaScriptの変数や値がどんな種類（データ型）かを調べるためのものです。データ型とは、数字や文字、真偽値（はい・いいえの答え）などの種類のことです。

例えば、「こんにちは」という文字は文字列（String）型、数字の100は数値（Number）型、などが代表的なデータ型です。

2. typeofの基本的な使い方

typeofの後に調べたい変数や値を書きます。すると、そのデータの種類が文字列で返ってきます。


console.log(typeof 123);          // "number"
console.log(typeof "こんにちは");   // "string"
console.log(typeof true);         // "boolean"

このように、数字は「number」、文字列は「string」、真偽値は「boolean」と表示されます。

3. 変数のデータ型を調べる例

変数に入っている値のデータ型を調べることもできます。


let age = 30;
let name = "太郎";
let isStudent = false;

console.log(typeof age);        // "number"
console.log(typeof name);       // "string"
console.log(typeof isStudent);  // "boolean"

4. JavaScriptの主なデータ型とtypeofの結果

JavaScriptでよく使う主なデータ型と、typeofが返す結果をまとめました。

数値（Number）：普通の数字。typeofは「number」
文字列（String）：テキストや文字。typeofは「string」
真偽値（Boolean）：「true」か「false」の2つだけの値。typeofは「boolean」
未定義（Undefined）：値がまだ設定されていない状態。typeofは「undefined」
オブジェクト（Object）：複数のデータをまとめたものや特別な値。typeofは「object」
関数（Function）：処理のまとまり。typeofは「function」
シンボル（Symbol）：新しい種類のデータ型。typeofは「symbol」
ビッグイント（BigInt）：とても大きな整数。typeofは「bigint」

特に重要なのは数値、文字列、真偽値、未定義、オブジェクト、関数の6つです。

5. 注意点：typeofが「object」と返す場合

オブジェクトは複雑なデータをまとめるための箱ですが、typeofで調べると、配列も"object"と返されます。

例えば：


console.log(typeof {name: "太郎"});    // "object"
console.log(typeof [1, 2, 3]);         // "object"

配列かどうかを調べたいときは、Array.isArray()という別の方法を使います。


console.log(Array.isArray([1, 2, 3]));  // true
console.log(Array.isArray({}));         // false

6. typeofで関数を調べるとどうなる？

関数はtypeofで調べると、特別に「function」と表示されます。


function sayHello() {
  console.log("こんにちは");
}
console.log(typeof sayHello);  // "function"

7. 実際にtypeof演算子を使うシーン

typeofは、プログラムの中で変数の種類を確認して、それによって処理を変えたいときに使います。例えば、数字だったら計算をする、文字列だったら表示を変える、という具合です。


let data = "100";

if (typeof data === "number") {
  console.log("数字なので計算できます");
} else if (typeof data === "string") {
  console.log("文字列なのでそのまま表示します");
} else {
  console.log("その他のデータ型です");
}