Menu
var { iWantThis: { andThis, andThisToo } } = x;
Is there a way to get access to all three in one destructuring call? I want to avoid two calls like so:
var { iWantThis } = x;
var { andThis, andThisToo } = iWantThis;
367
asked Oct 15 '15 01:10
Nested Object and Array DestructuringYou can destructure as deeply as you like: As you can see, keys a , b , and c are not implicitly defined, even though we pulled out nested values, firstElemOfC and remainingElementsOfC , from the array at c .
The object destructuring is a useful JavaScript feature to extract properties from objects and bind them to variables. What's better, object destructuring can extract multiple properties in one statement, can access properties from nested objects, and can set a default value if the property doesn't exist.
And this is destructuring an object. Let's take the following example: const user = { firstname: 'Chris', lastname: 'Bongers', age: 32 }; const { firstname, age } = user; By using this destructuring, we extract specific properties from an object.
When destructuring the objects, we use keys as the name of the variable. The variable name must match the property (or keys) name of the object. If it does not match, then it receives an undefined value. This is how JavaScript knows which property of the object we want to assign.
The closest I can come up with is:
var { iWantThis, iWantThis: { andThis, andThisToo } } = x;
Though I'd use let instead, if I'm using ES6 ;)
181
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
