When should I use spread vs rest parameters in JavaScript?

Can you explain the difference between spread and rest parameters in JavaScript?

Sure! Spread parameters are used to expand an iterable into individual elements, while rest parameters collect multiple elements into an array.

Can you give me an example of using spread parameters?

Absolutely! You can use spread parameters to combine arrays like this: const arr1 = [1, 2]; const arr2 = [3, 4]; const combined = [...arr1, ...arr2]; This results in [1, 2, 3, 4].

And how about rest parameters?

Rest parameters allow you to represent an indefinite number of arguments as an array. For example: function sum(...numbers) { return numbers.reduce((a, b) => a + b, 0); } This function can take any number of arguments.

When should I choose one over the other?

Use spread when you want to unpack elements from an array or object, and use rest when you want to gather multiple arguments into a single array.