When should I use destructuring vs spread in JavaScript?

Can you explain when to use destructuring versus spread in JavaScript?

Sure! Destructuring is used to unpack values from arrays or properties from objects into distinct variables, while spread syntax allows you to expand elements of an iterable (like an array) into individual elements.

Can you give me an example of destructuring?

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;.

And what about spread syntax?

Spread syntax can be used to create a new array or object. For instance, const newArray = [...oldArray]; creates a copy of oldArray.

When should I choose one over the other?

Use destructuring when you want to extract values into variables, and use spread when you need to combine or copy arrays/objects.