こんにちは!今日は元気いっぱい、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つの基本データ型があります:
- Number:数字を扱う
- String:文字列を扱う
- Boolean:真偽値を扱う
- Undefined:値が未定義の状態
- Null:値がない状態を明示
- Symbol:一意な識別子
動的型付けのおかげで、型を気にせず自由にコーディングできますが、ミスを防ぐために型を意識する習慣も大切ですよ!
これであなたもデータ型マスター!次はこの知識を使って簡単なプログラムを書いてみましょう♪
コメント