DEV Community

loading...

Use Destructuring Assignment to Assign Variables from Nested Objects

Randy Rivera
Once I truly put my mind on something, I won't ever stop.
・1 min read
  • 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.

Discussion (0)