問題一覧に戻る
中級es6
問題74: 分割代入 - オブジェクト

オブジェクトの分割代入を学びましょう。ES6で導入されたこの機能により、オブジェクトのプロパティを個別の変数に簡潔に代入できます。従来のドット記法よりも短く、複数のプロパティを一度に抽出できます。デフォルト値の設定、ネストしたオブジェクトの分割、プロパティ名の変更など、柔軟な記法が可能です。APIレスポンスの処理、関数の引数としてのオブジェクト、Reactのprops処理など、モダンJavaScript開発で頻繁に使用される重要な機能です。

// オブジェクトの分割代入
const person = {
  name: "太郎",
  age: 25,
  hobby: "読書",
  address: {
    city: "東京都",
    ward: "渋谷区"
  }
};

// プロパティの抽出
const name, age, hobby = "なし" = person;
console.log("情報: " + name + "（" + age + "歳）趣味：" + hobby);

// ネストした分割代入
const { address: city, ward } = person;
console.log("住所: " + city + "" + ward);