How does the rest operator work in arrow functions?

Can you explain how the rest operator works in arrow functions?

Sure! The rest operator allows you to represent an indefinite number of arguments as an array in a function. In arrow functions, you can use it by placing three dots (...) before the parameter name.

Can you give me an example of using the rest operator in an arrow function?

Absolutely! Here's an example:

const sum = (...numbers) => {
  return numbers.reduce((acc, curr) => acc + curr, 0);
};

console.log(sum(1, 2, 3, 4)); // Outputs: 10

This function takes any number of arguments and returns their sum.

What happens if I don't use the rest operator?

If you don't use the rest operator, you would need to define each parameter explicitly, which limits the number of arguments you can pass. For example, const sum = (a, b, c) => a + b + c; only works for three arguments.

Are there any limitations to using the rest operator?

Yes, the rest operator must be the last parameter in the function definition, and you can only use it once per function.