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

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

Array destructuring allows you to unpack values from arrays into distinct variables, while object destructuring lets you extract properties from objects.

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 does object destructuring work?

With object destructuring, if you have an object like const obj = { x: 1, y: 2 };, you can do const { x, y } = obj; to assign 1 to x and 2 to y.

Are there any common pitfalls to watch out for?

Yes, one common pitfall is using the wrong variable names in object destructuring. The variable names must match the property names.