What is the difference between array destructuring and object destructuring in JavaScript?

What is the difference between array destructuring and object destructuring in JavaScript?

Array destructuring allows you to unpack values from arrays into distinct variables, while object destructuring does the same for objects, using keys.

Can you give me an example of array destructuring?

Sure! For example, if you have an array const arr = [1, 2, 3];, you can destructure it like this: const [a, b] = arr; which assigns 1 to a and 2 to b.

And how would object destructuring look?

For an object, say 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.

Are there any common mistakes to avoid with destructuring?

Yes! A common mistake is to use the wrong syntax, like trying to destructure an object with array syntax or vice versa.