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

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

Sure! The spread operator is used to expand elements of an iterable (like an array) into individual elements, while the rest operator collects multiple elements into a single array.

Can you give me an example of each?

Of course! For the spread operator: const arr = [1, 2, 3]; const newArr = [...arr, 4, 5]; This results in newArr being [1, 2, 3, 4, 5]. For the rest operator: function myFunction(...args) { return args; } Here, args will be an array of all arguments passed to myFunction.

When would I use one over the other?

Use the spread operator when you want to unpack elements, like merging arrays. Use the rest operator when you want to gather multiple arguments into a single array.

Are there any performance differences between them?

Generally, there are no significant performance differences for typical use cases. However, it's always good to test in performance-critical applications.