What are the advanced usages of spread and rest operators in JavaScript?

Can you explain the advanced usages of spread and rest operators in JavaScript?

Sure! The spread operator (...) allows you to expand elements of an iterable, while the rest operator collects multiple elements into an array. They can be used in function arguments, array literals, and object literals.

Can you give me an example of using the spread operator with arrays?

Absolutely! You can use the spread operator to merge two arrays like this: const arr1 = [1, 2]; const arr2 = [3, 4]; const merged = [...arr1, ...arr2]; // merged is [1, 2, 3, 4].

What about the rest operator in function parameters?

The rest operator allows you to represent an indefinite number of arguments as an array. For example: function sum(...numbers) { return numbers.reduce((acc, num) => acc + num, 0); }.

Can I use both operators in the same function?

Yes, you can! For instance, you can use the rest operator to gather parameters and the spread operator to pass them to another function.