JavaScriptのデータ型の違いを表で比較しよう（一覧解説）
先生と生徒の会話形式で理解しよう
生徒
「JavaScriptにはいろいろなデータ型があるって聞きましたが、何がどう違うんですか？」
先生
「いい質問ですね。データ型は、プログラムで扱う値の種類を表します。JavaScriptでは主に7つの基本データ型がありますよ。」
生徒
「えっ、そんなにあるんですか！？一つずつ見てみたいです！」
先生
「じゃあ、データ型の一覧を表で整理しながら説明していきましょう！」
1. JavaScriptの基本的なデータ型とは？
JavaScriptのデータ型は、値の種類や扱い方を分類するものです。主に次のような型があります。
- 数値型（Number）: 数を表す型
- 文字列型（String）: 文字や文章を表す型
- 真偽値型（Boolean）: trueまたはfalseを表す型
- 未定義型（Undefined）: 値が設定されていない状態
- ヌル型（Null）: 意図的に「何もない」とする型
- 記号型（Symbol）: 一意な識別子を表す型
- BigInt型: 非常に大きな整数を扱うための型
2. データ型の違いを一覧表で比較
それぞれのデータ型の違いを下の表にまとめました。
| データ型 | 型名 | 例 | 特徴・使いどころ |
|---|---|---|---|
| 数値 | Number | 10, 3.14, -5 | 整数や小数を扱う |
| 文字列 | String | "こんにちは", 'Hello' | 文章や単語などの文字を扱う |
| 真偽値 | Boolean | true, false | はい・いいえ、条件分岐などに使用 |
| 未定義 | Undefined | let x; console.log(x); | 変数に値が設定されていない状態 |
| ヌル | Null | null | 「何もない」ことを明示的に表す |
| 記号 | Symbol | Symbol("id") | ユニークな識別子として使う |
| 大きな整数 | BigInt | 123456789012345678901234567890n | 非常に大きな整数を扱う |
3. typeof演算子で型を確認してみよう
JavaScriptでは、typeofという演算子を使って変数の型を調べることができます。
let name = "太郎";
console.log(typeof name); // "string"
let age = 30;
console.log(typeof age); // "number"
let isStudent = true;
console.log(typeof isStudent); // "boolean"
string
number
boolean
4. 特殊な注意点：nullの型は「object」になる
JavaScriptでは、nullの型をtypeofで調べると「object」と表示されます。これはJavaScriptの仕様であり、バグではありません。
let nothing = null;
console.log(typeof nothing); // "object"
object
この点は初心者が混乱しやすいポイントなので、覚えておきましょう。
