DEV Community

loading...

Use Destructuring Assignment to Assign Variables from Nested Objects

rthefounding profile image Randy Rivera ・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)

Forem Open with the Forem app