問題一覧に戻る
中級es6
問題77: スプレッド構文 - オブジェクト

オブジェクトのスプレッド構文を学びましょう。ES2018で導入されたこの機能は、オブジェクトのプロパティを新しいオブジェクトに展開します。オブジェクトの浅いコピー作成、複数オブジェクトのマージ、プロパティの上書きなどが簡単に行えます。イミュータブルな状態管理、オプションオブジェクトのデフォルト値設定、Reactの状態更新など、モダンJavaScript開発で頻繁に使用される重要な機能です。

// オブジェクトのスプレッド構文
const person = { name: "太郎", age: 25 };
const additionalInfo = { city: "東京" };

// コピーとマージ
const copy = { person };
console.log("コピー: " + JSON.stringify(copy));

const merged = { ...person, additionalInfo };
console.log("マージ: " + JSON.stringify(merged));

// プロパティの上書き
const updated = { ...merged, age:  };
console.log("更新: " + JSON.stringify(updated));