DEV Community

Object Destructuring in ES6

Sarah Chima on October 31, 2017

This is a follow up article to my previous article on Array Destructuring. Except you have an idea of destructuring, you should read it. First, l...

Read full post

Sammy Israwi • Nov 1 '17

Great article! Picked up some tricks that I wish I knew before...

I always found confusing or misleading the syntax for assigning new variable names in object destructuring. Using : inside an object takes my mind to property assignment from right to left, not new variable assignment from left to right. Also, it is too similar to Typescript's type declaration:

const num: int = 5;

And fairly different (and less verbose than) using new variable names in import object destructuring:

import { Component as Comp} from "React";

Sarah Chima • Nov 1 '17

I'm glad you picked up some tricks Sammy. Thank you for reading.

Tobias Grasse • Oct 31 '17

Thanks for this post! I learned some new tricks; your explanations of the pitfalls with object literal destructuring assignment with previous variable declaration were especially insightful :-)

Sarah Chima • Oct 31 '17

I'm glad you learnt some new tricks. Thanks for reading.

kmylo • Jul 4 '20

Rest in Object Destructuring: [ERROR]

var person = {name: "Sarah", country: "Nigeria", job: "Developer" friends: ["Annie", "Becky"]};
Some missing comma between, "Developer" and friends.
Nice article, thx!

Franklin Jezreel • Jun 16 '19

This was quite useful. Thank you for watering down the vagueness of the concept.

sudheer160540 • Jun 5 '18

Nice article sarah chima. I am learning a lot of things in this article.

Thanks for spending time for writing this article

Sarah Chima • Jun 5 '18

I'm glad you like it. 😊

spyrosko • Jan 13 '20

This was the most excellent article on object destructuring I've ever read. So thorough and easy to understand.

Sarah Chima • Jan 13 '20

Thanks a lot for reading.

IAMtheIAM • Jun 9 '20

Thanks for the detailed and accurate explanation of object destructuring!

Pedro Toribio • Apr 23 '20

This is the best article

Ankur • Feb 23 '19

Thanks for writing a great article which covers a lot of details.

Md.Aiub Khan • Oct 2 '18

Thank you..Sarah

Rekh • Oct 4 '18

Huh, got stuck on Javascript courses about Destructuring, but your post is really clear and will surely help me to defeat the evil forces of those exercices.

Thanks !