What are some practical examples of destructuring in JavaScript?

What are some practical examples of destructuring in JavaScript?

Destructuring in JavaScript allows you to unpack values from arrays or properties from objects into distinct variables. For example, if you have an array like const arr = [1, 2, 3];, you can use destructuring like this: const [a, b] = arr; which assigns 1 to a and 2 to b.

Can you show me an example with objects?

Sure! If you have an object like const obj = { x: 1, y: 2 };, you can destructure it like this: const { x, y } = obj; which assigns 1 to x and 2 to y.

What about nested destructuring?

Great question! For nested objects, you can do something like this: const obj = { a: { b: 1 } }; const { a: { b } } = obj; Here, b will be 1.

Are there any common mistakes to avoid?

Yes, one common mistake is trying to destructure undefined values. Always ensure the structure matches the data you're working with.