プレゼンテーションシナリオ: スライド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がさまざまなデータ型をどのように処理するかについての説明を終わります。