What are spread and rest operators in JavaScript?

Can you explain what spread and rest operators are in JavaScript?

Sure! The spread operator allows you to expand an iterable (like an array) into its individual elements. For example, using ... before an array in a function call.

Can you give me an example of the spread operator in action?

Absolutely! If you have an array const arr = [1, 2, 3];, you can use the spread operator like this: console.log(...arr); which will output 1 2 3.

What about the rest operator? How does it differ?

The rest operator also uses ..., but it collects multiple elements into an array. For instance, in a function definition like function myFunc(...args), args will be an array of all arguments passed to myFunc.

Can you show me a practical example of the rest operator?

Sure! If you call myFunc(1, 2, 3), then args will be [1, 2, 3] inside the function.