JavaScriptのデータ型を徹底解説!

こんにちは!今日は元気いっぱい、JavaScriptの基本である「データ型」について解説します!データ型を理解することは、プログラミングの世界でとっても大切な第一歩。この記事では、JavaScriptにおける6つの主要なデータ型をわかりやすく解説しながら、「動的型付け」って何なのかもバッチリ説明しちゃいます!さあ、行きましょう~!


JavaScriptの6つの基本データ型

JavaScriptには、6つの基本的なデータ型があります。それぞれを図形や例を交えて紹介します!

Number(数値型)

数字はコードの中でよく使いますよね!JavaScriptでは、小数点も整数もすべてNumber型として扱います。

let age = 25; // 整数
let pi = 3.14; // 小数

特徴としては、数学計算がとっても得意!ただし、数値の中でも「特別な値」があります。

意味
Infinity無限大
-Infinity負の無限大
NaN数字じゃない(Not a Number)

例:

let result = "hello" * 2; // NaNが返されます

String(文字列型)

文字を扱いたいときはString型です!文字列はダブルクォート" ")やシングルクォート' ')で囲みます。

let greeting = "こんにちは!";
let name = 'JavaScript';

ポイントは文字列をつなげる操作(文字列結合)ができること。

let fullName = "山田" + "太郎"; // "山田太郎"

図で例えるとこんな感じ👇:

"こんにちは!"は一つの箱の中に文字が並んでいるイメージです:
+----------------+
| こんにちは!     |
+----------------+

Boolean(真偽値型)

プログラムが「YesかNoか」を判断するために使うのがBoolean型です。値はたった2つだけ:

  • true(真)
  • false(偽)

例:

let isRaining = false; // 雨が降ってない
let isAdult = true;    // 成人している

条件分岐で大活躍します!

if (isAdult) {
  console.log("大人です!");
} else {
  console.log("まだ子供です!");
}

Undefined(未定義型)

Undefined型は、「まだ値が設定されていない状態」を表します。たとえば、変数を宣言したけど値を代入しなかったときが典型例です。

let nothingHere;
console.log(nothingHere); // undefinedが表示される

イメージ:空っぽの箱

+----------------+
| undefined      |
+----------------+

Null(ヌル型)

Null型は、「意図的に値が空ですよ!」と示したいときに使います。これは開発者が「値がない状態」を明確に表現するために設定するものです。

let noValue = null;

UndefinedとNullの違い

  • undefinedは「値が設定されていない」
  • nullは「値がない、と明示的に指定された」

Symbol(シンボル型)

最後は少しユニークなSymbol型。これは一意な識別子を作るための型です。他のデータ型と違い、同じ値を持つシンボルは絶対に等しくなりません!

let symbol1 = Symbol("説明1");
let symbol2 = Symbol("説明1");

console.log(symbol1 === symbol2); // false

主にオブジェクトのプロパティをユニークにするために使いますが、初心者のうちは「特別な識別子を作るもの」と覚えておけばOKです!


動的型付けってなに?

JavaScriptは「動的型付け言語」です。これってどういう意味かというと、変数にどんな型でも後から代入できるんです!

let variable = 42;      // Number型
variable = "Hello";     // String型
variable = true;        // Boolean型

プログラムの実行中に型が変わるのがJavaScriptの特徴!これに対して、静的型付け言語(例えばJavaやC++)では、変数にどんな型を入れるか事前に決めなければいけません。

動的型付けのメリット・デメリット

  • メリット:柔軟性が高い!開発が素早くできる。
  • デメリット:型のミスが実行時までわからない。

最後にまとめ!

JavaScriptには以下の6つの基本データ型があります:

  1. Number:数字を扱う
  2. String:文字列を扱う
  3. Boolean:真偽値を扱う
  4. Undefined:値が未定義の状態
  5. Null:値がない状態を明示
  6. Symbol:一意な識別子

動的型付けのおかげで、型を気にせず自由にコーディングできますが、ミスを防ぐために型を意識する習慣も大切ですよ!


これであなたもデータ型マスター!次はこの知識を使って簡単なプログラムを書いてみましょう♪

コメント

タイトルとURLをコピーしました