6.4 オブジェクトのその他の便利な機能

// 1. テスト用のユーザーオブジェクト
const user = {
    id: 101,
    name: "Alice",
    email: "alice@example.com",
    address: {
        city: "Tokyo",
        zip: "100-0001"
    }
};

// 【歴史】従来の書き方（一つずつ取り出す）
// const name = user.name;
// const email = user.email;
// 【現代】分割代入を使った書き方
// プロパティ名と同じ名前の変数に、自動的に値が入ります
const { name, email } = user;

// ネスト（入れ子）されたオブジェクトからも取り出せます
const { city } = user.address;
alert(`名前: ${name}¥n メール: ${email}¥n 都市: ${city}`)

const baseUser = {
    name: "Bob",
    role: "Admin"
};

// 1. オブジェクトのコピーとプロパティの追加
// baseUser の中身を「...」で展開し、さらに age を追加した新しいオブジェクトを作ります
const updatedUser = {
    ...baseUser, // name: "Bob", role: "Admin" がここに展開されます
    age: 30 // 新しいプロパティを追加
};

// 2. プロパティの上書き
// 同じプロパティ名（role）を後から書くと、値が上書きされます
const changedUser = {
    ...updatedUser,
    role: "User" // Admin から User に変更
};

// 結果の確認（JSON 文字列にして見やすく表示）
alert("元のユーザー:¥n" + JSON.stringify(baseUser));
alert("拡張したユーザー:¥n" + JSON.stringify(updatedUser));
alert("変更したユーザー:¥n" + JSON.stringify(changedUser));