How does destructuring work in JavaScript?

Can you explain how destructuring works in JavaScript?

Sure! Destructuring is a syntax that allows you to unpack values from arrays or properties from objects into distinct variables.

Can you give me an example of destructuring an object?

Of course! For example, if you have an object like const person = { name: 'Alice', age: 25 };, you can destructure it like this: const { name, age } = person;.

What about destructuring arrays?

For arrays, you can do something like const numbers = [1, 2, 3]; and then destructure it with const [first, second] = numbers;.

Are there any common mistakes to avoid with destructuring?

Yes! One common mistake is trying to destructure undefined values, which will lead to errors. Always ensure the value exists.