What are some common mistakes in JavaScript object destructuring?

What are some common mistakes in JavaScript object destructuring?

Some common mistakes include not using curly braces for objects, misnaming variables, and forgetting default values.

Can you give an example of misnaming variables?

Sure! If you have an object like { name: 'Alice' } and you destructure it as const { age } = obj;, you'll get undefined for age.

What about using nested destructuring?

Nested destructuring can be tricky. If you have an object like { user: { name: 'Alice' } }, you need to destructure it as const { user: { name } } = obj;.

Any tips to avoid these mistakes?

Always double-check your variable names and use default values to handle undefined cases. Testing your destructuring can also help!