When should I use the rest operator vs the spread operator in JavaScript?

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

Sure! The rest operator collects multiple elements into an array, while the spread operator expands an array into individual elements.

Can you give me an example of when to use the rest operator?

Absolutely! You can use the rest operator in a function to gather all remaining arguments into an array, like this: function sum(...numbers) { return numbers.reduce((a, b) => a + b, 0); }.

And what about the spread operator? When should I use that?

The spread operator is useful for expanding an array into individual elements, such as when you want to combine arrays: const newArray = [...array1, ...array2];.

Thanks! So, rest is for collecting and spread is for expanding?

Exactly! You've got it right. Rest collects values, while spread expands them.