What is the difference between the spread operator and rest parameters in JavaScript?

What is the difference between the spread operator and rest parameters in JavaScript?

The spread operator allows you to expand elements of an iterable, while rest parameters collect multiple arguments into an array.

Can you give me an example of the spread operator?

Sure! If you have an array like const arr = [1, 2, 3];, you can use the spread operator to create a new array: const newArr = [...arr, 4, 5]; which results in [1, 2, 3, 4, 5].

And how about rest parameters?

Rest parameters are used in function definitions. For example, function sum(...numbers) { return numbers.reduce((a, b) => a + b, 0); } allows you to pass any number of arguments to the sum function.

So, can I use both in the same function?

Yes, you can! You can use the spread operator to pass an array as arguments and rest parameters to collect them in the function.