プレゼンテーションシナリオ: スライド36、37
スライド36と37では、JavaScriptのデータ型について説明します。
JavaScriptでは、データは2つの大きなグループに分けられたさまざまな型があります。
Primitive types(プリミティブ型)グループ - 7つの型:
- String – 文字列
- Number – 整数または小数
- BigInt – Numberの制限を超える非常に大きな整数
- Boolean – 論理値:true / false
- Undefined – 宣言されているが値が代入されていない変数
- Null – 空の値、何もない
- Symbol – 一意の値、通常は特別なキーとして使用
このグループは値で比較するために使用されます。
Non-primitive types(参照型)グループ:
primitiveでないものすべて → objectとして実装されます:Object {}、Array、Function、Date、RegExp、Map、Set、WeakMap、WeakSet、ArrayBuffer、TypedArray、...
このグループは参照で比較するために使用され、複数の変数が同じオブジェクトを参照できます。
例があります:
// String
let name = "Alice";
// Number
let age = 25;
// BigInt
let bigNumber = 1234567890123456789012345678901234567890n;
// Boolean
let isStudent = true;
// Undefined
let notAssigned;
// Null
let emptyValue = null;
// Symbol
let uniqueId = Symbol("id");
// Object
let person = {
firstName: "Bob",
lastName: "Smith",
hobbies: ["music", "sports"] // Array inside object
};
主な特徴と例
動的データ型: 変数は実行中にデータ型を変更できます。例:
let x;
x = 5; // Number
x = "John"; // String
加算演算子使用時の自動型変換:
オペランドの1つが文字列の場合、JavaScriptはすべてを文字列に変換して連結します。
加算は左から右へ順番に処理されます。
例:
let x = 16 + "Volvo";
// Number + String → "16Volvo"
let y = "Volvo" + 16 + 4;
// String + Number + Number → "Volvo164"
let z = 16 + 4 + "Volvo";
// Number + Number + String → "20Volvo"
データ型を確認するためのtypeof演算子:
演算子(operator)typeofは、変数が現在どの型に属しているかを知るためにデータ型を確認するのに役立ちます。例:
let username = "John";
typeof username; // "string"
let pi = 3.14;
typeof pi; // "number"
let notSet;
typeof notSet; // "undefined"
let empty = null;
typeof empty; // "object"
let isActive = true;
typeof isActive; // "boolean"
let uniqueId = Symbol("x");
typeof uniqueId; // "symbol"
以上で、データ型とJavaScriptがさまざまなデータ型をどのように処理するかについての説明を終わります。