How does destructuring nesting work?

Can you explain how destructuring nesting works in JavaScript?

Sure! Destructuring nesting allows you to unpack values from nested objects or arrays into distinct variables.

Can you give me an example of destructuring nesting?

Of course! For example, if you have an object like const obj = { a: { b: 1 } };, you can destructure it like this: const { a: { b } } = obj;.

What happens if the nested property doesn't exist?

If the nested property doesn't exist, the variable will be undefined. For instance, if obj had no b, then b would be undefined.

Are there any common mistakes to avoid with destructuring?

Yes! A common mistake is trying to destructure a property that doesn't exist, which can lead to unexpected undefined values.