destructure object with different name code example

Example 1: javascript object destructuring rename

// Renaming
// ----------------------------------------------
const { bar: foo } = { bar: 123 };
bar // Uncaught ReferenceError: bar is not defined
foo // 123


// Renaming with default value
// ----------------------------------------------
const { bar: foo = 123 } = { potato: 456 };
bar // Uncaught ReferenceError: bar is not defined
foo // 123
potato // Uncaught ReferenceError: potato is not defined

Example 2: how to destructure complex objects

const sampleState = {
 name: “Michael”,
 age: 36,
 location: {
   state: “OK”,
   city: “Edmond”,
   postal: “73012”
 },
 relatives: {
   wife: {
   name: “Shelley”
   }
 }
}

const { age, location: { city, state }, relatives: { wife: { name } } } = sampleState