オブジェクト: データの構造

キーと値でデータを整理。JavaScriptの基本データ構造。

オブジェクト
キーと値のペアの集まり。
プロパティ
オブジェクトの中のキーと値の組。
スプレッド
オブジェクトを展開してコピーや結合。

オブジェクト基礎

ラベル付き引き出し

各引き出しにラベル（キー）があり、中に物（値）が入っている。

Object Basics
const user = {
    name: 'Alice',
    age: 30,
    greet() {
        return `Hi, I'm ${this.name}`;
    }
};


user.name;       // 'Alice'
user.age = 31;   // 変更
user.email = 'a@example.com';  // 追加
delete user.email;  // 削除
Bad
// ❌ Bad: 同じキーで何度もアクセス
const x = obj.deeply.nested.value;
const y = obj.deeply.nested.other;
Good
// ✅ Good: 分割代入で取り出し
const { value, other } = obj.deeply.nested;

便利なメソッド

Object Methods
// Object.keys / values / entries
const obj = { a: 1, b: 2, c: 3 };


Object.keys(obj);    // ['a', 'b', 'c']
Object.values(obj);  // [1, 2, 3]
Object.entries(obj); // [['a', 1], ['b', 2], ['c', 3]]


// スプレッド演算子
const copy = { ...obj };
const merged = { ...obj, d: 4 };


// Optional Chaining
const city = user?.address?.city ?? 'Unknown';
Tip: ?.（Optional Chaining）で undefined チェックを簡潔に。

合格ライン

☐ Object.keys/values/entries を使える
☐ スプレッド構文でコピーできる

演習課題

課題1: Object メソッド
Object.keys/values/entries を使ってください。
課題2: スプレッド構文
スプレッド構文でオブジェクトをコピーしてください。