問題一覧に戻る
中級es6
問題75: 分割代入 - 名前変更

オブジェクト分割代入での変数名の変更を学びましょう。プロパティ名とは異なる変数名で値を取り出したい場合に使用します。既存の変数名との衝突を避けたり、より意味のある変数名にしたい場合に便利です。コロン記法を使用して、元のプロパティ名から新しい変数名へのマッピングを定義します。APIレスポンスのプロパティ名が冗長な場合や、複数のオブジェクトから同じプロパティ名を異なる変数に代入する場合など、実践的な場面で活用される機能です。

// 名前変更での分割代入
const product = {
  name: "ノートPC",
  price: 100000
};

// プロパティ名の変更
const { name productName, price: yen } = product;
console.log("変更後の情報: 商品名：" + productName + "、金額：" + yen + "円");

const stats = {
  total: 15,
  average: 5
};

const { total: sum, : avg } = stats;
console.log("計算結果: 合計：" + sum + "、平均：" + avg);