PrimitiveとObject、Core Type
primitiveとobjectの違い、7種類のprimitive、簡単なtypeofチェック、初心者が陥りやすい問題を学びます。
「PrimitiveとObject、Core Type」はCoddyKit上の無料JavaScript Academyレッスンです。 これはレッスン1/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavaScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 JavaScript Academyコースには全3レッスンが含まれています。
導入
目標: プリミティブとオブジェクトを見分け、7種類すべてのプリミティブ型をクイックチェックで確認します。
- 7種類のプリミティブ
- オブジェクトとラッパー
- typeof の確認
7種類のプリミティブとtypeof
JavaScriptには7種類のプリミティブがあります。number、bigint、string、boolean、null、undefined、symbolです。
// Seven primitives and typeof
const n = 42;
// number
const bi = 42n;
// bigint
const s = "hello";
// string
const b = true;
// boolean
const u = undefined;
// undefined
const nl = null;
// null (primitive)
const sy = Symbol("id");
// symbol (unique each time)
console.log(typeof n, typeof bi, typeof s, typeof b);
console.log(typeof u, typeof nl, typeof sy);
// Note: typeof null is "object" (historical quirk)
プリミティブとオブジェクト
プリミティブは単一の変更不可能な値です。オブジェクトはプロパティを保持し、参照によって比較されます（配列、関数、日付もオブジェクトです）。
- プリミティブは値で比較されます
- オブジェクトは拡張や変更が可能です
ラッパーオブジェクトの落とし穴
ラッパー（new String、new Number、new Boolean）よりもリテラル（例: "hello"）を使ってください。
// Avoid wrapper constructors for primitives
const s1 = "hi";
// primitive string
const s2 = new String("hi");
// String object (wrapper)
console.log(typeof s1);
// "string"
console.log(typeof s2);
// "object"
console.log(s1 === "hi");
// true (value compare)
console.log(s2 === "hi");
// false (object vs primitive)
BigIntとSymbolの基本
BigIntは巨大な整数を扱い、Symbolはオブジェクト用の一意なキーを作成します。
// BigInt: integers beyond Number.MAX_SAFE_INTEGER
const big = 9007199254740993n;
// 2^53 + 1
console.log(big + 7n);
// Symbol: unique identifiers
const a = Symbol("token");
const b = Symbol("token");
console.log(a === b);
// false — symbols are always unique
nullとundefined
undefined: 宣言されていますが、値が代入されていません。null: 値がないことを明示的に表します。ヒント: typeof null は "object" を返します（仕様上の特殊な挙動）が、nullはプリミティブのままです。
typeof null クイズ
クイックチェック: typeof null の結果は何でしょうか。
まとめ
まとめ: 7種類のプリミティブを確認し、オブジェクトとの違いを理解し、ラッパーの落とし穴を避け、typeof null の特殊な挙動を学びました。
よくある質問
「PrimitiveとObject、Core Type」レッスンは無料ですか？
はい。「PrimitiveとObject、Core Type」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、JavaScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 JavaScript Academyコースには全3レッスンが含まれています。
「PrimitiveとObject、Core Type」で何を学びますか？
primitiveとobjectの違い、7種類のprimitive、簡単なtypeofチェック、初心者が陥りやすい問題を学びます。 ブラウザで直接実行するハンズオンコードでJavaScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
JavaScript Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのJavaScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/3です。
「PrimitiveとObject、Core Type」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このJavaScript Academyレッスンでコードを書いて実行できますか？
はい。すべてのJavaScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- PrimitiveとObject、Core Type
- typeof、Truthy/Falsy、==と===
- 型変換：予期しない動作を避ける安全なパターン