JavaScript Object Destructuring 101 - ES6 Destructuring - 6 Practical Usages of Object Destructuring

Learn all about JavaScript(ES6) Object Destructuring with examples and practical usages. This video tutorial teaches you the concept with simplicity but with a high impact. So grab a ☕ or 🍺 and get started!!!

Timecodes
0:00 - Introduction to JavaScript Object Destructuring.
01:50 - How to use destructuring to extract values from an object?
04:56 - Use destructuring to extract values from a nested object.
09:14 - Define a new variable with Object Destructuring.
13:20 - How to Use JavaScript Object Destructuring Aliases?
15:25 - How to Handle Dynamic Name Property with Object Destructuring?
20:31 - How to Destructure JavaScript Object in the Function Argument and Return Value?
24:56 - How to use JavaScriptObject Destructuring in Loops?
28:16 - Conclusions

Important Links
--------------------------

You can support my work by following me on the above platforms and/or sponsoring me using any of these links.

Many Thanks 🙏

[prasantaroutray]

No one can explain like this...salute bro

[farazk]

Great as always; thanks. Fours questions, though:

1) At 10:10, you're using a ternary operator to check whether the key age exists in the object or not. If not, you're defining it yourself, which will modify the original object, right? (if you log it to the console, you will see a new key : value pair in the original object)

2) At 10:36, you're doing the same thing but with object destructuring. This does NOT modify the original object, right?

3) If yes to both questions above, does that mean object destructuring has a shortcoming in this regard?

4) In this sentence correct: when we use the traditional if (or ternary operator), we are creating a new KEY: VALUE pair in the object, but when we are using object destructuring, we are creating a new VARIABLE (not an object property) which takes its value from an object property, hence no changes to the original object.

Thanks so much,

[alamkhan]

❤❤❤❤❤.. total clear concept achieve by your video

[mazharsolkar]

Thank you so much for providing such quality content, learning alot from your videos and blog

[kingchuks]

Very detailed video. I'm loving your work!

[alwynjohn]

lots of information thanks for the valuable lesson.

[sublimeelectrons]

@tapas, I am really in awe on your methods of teaching. The mind maps really is very effective. Its a perfect conditioning of the mind. Topics gets easier since the mind is already used/built/reinforced with prior relevant fundamentals/topics.. Another great job on Destructuring. I am excited to relearn React since i noticed destructuring is inevitable specially on passing props, right?

[mikanika]

Great work, i understand now, Thank You :-)

[awaisaslam]

obect be like...
id: 007,
name: 'James',
dept: 'Spy'

Great bro, I hit like and subscribe at first look at the object
ab maza aye ga biro 😄