Object Destructuring Javascript ES6

#javascript #object #destructuring #es6

// Example 1
// bind variables to different "car1" object properties

const car1 = {
  name: "fiat",
  model: 500,
  weight: 850,
  color: "red"
};


const { name, color, weight } = car1;

// Example 2
// destruct an object property from a variable
// Rename a variable
// set a value to a variable

const car2 = {
  brand: "fiat",
  model: 500,
  weight: 850,
  colors: {
    red: true,
    green: false
  }
};

// Use ":" sign" to change the name of the variable
// Use the "=" sign to assign a value to a variable

const {
  colors: { red: redColor, white: whiteColor = false, brown = "true" }
} = car2;

Top comments (2)

Hi there!

Did you know that you can format your JavaScript code in Markdown? Check out the documentation here for more informations.

I think that a better styling is more appealing to the eyes and can really make your article stand out.

Thank you!

this way it will be better
thank you!