DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Randy Rivera
Randy Rivera

Posted on

Use Destructuring Assignment to Assign Variables from Nested Objects

  • Let's take this for example:
const LOCAL_FORECAST = {
  yesterday: { low: 61, high: 75 },
  today: { low: 64, high: 77 },
  tomorrow: { low: 68, high: 80 }
};
Enter fullscreen mode Exit fullscreen mode
  • Here's how to extract the values of object properties and assign them to variables with the same name:
const { today: { low, high }} = LOCAL_FORECAST;
Enter fullscreen mode Exit fullscreen mode
  • And here's how you can assign an object properties' values to variables with different names:
const { today: { low: lowToday, high: highToday }} = LOCAL_FORECAST;
Enter fullscreen mode Exit fullscreen mode
console.log(lowToday); will display 64
Enter fullscreen mode Exit fullscreen mode

We just replace the two assignments with an equivalent destructuring assignment. It should still assign the variables lowToday and highToday the values of today.low and today.high from the LOCAL_FORECAST object.

Top comments (0)

🌚 Life is too short to browse without dark mode