What is the syntax for destructuring in JavaScript?

Can you explain the syntax for destructuring in JavaScript?

Sure! Destructuring allows you to unpack values from arrays or properties from objects into distinct variables. For example, for an array: const arr = [1, 2, 3]; const [a, b] = arr; Here, a will be 1 and b will be 2.

What about destructuring objects?

For objects, you can do it like this: const obj = { x: 1, y: 2 }; const { x, y } = obj; Now, x will be 1 and y will be 2.

Can I set default values while destructuring?

Yes, you can! For example: const { a = 10, b = 20 } = {}; Here, a will be 10 and b will be 20 because they are not defined in the object.

Are there any common pitfalls with destructuring?

One common pitfall is trying to destructure undefined or null, which will throw an error. Always ensure the value is defined!