What are the differences between destructuring and the spread operator in JavaScript?

What are the differences between destructuring and the spread operator in JavaScript?

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

Can you give me an example of 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 about the spread operator?

The spread operator can be used to create a new array by combining existing ones. For example, const newArr = [...arr, 4, 5]; results in newArr being [1, 2, 3, 4, 5].

Are there any scenarios where one is preferred over the other?

Yes, use destructuring when you want to extract values into variables, and use the spread operator when you need to combine or clone arrays or objects.