How do I use the spread operator with functions in JavaScript?

How do I use the spread operator with functions in JavaScript?

The spread operator allows you to expand an iterable (like an array) into individual elements. You can use it in function calls to pass elements of an array as arguments.

Can you show me an example?

Sure! If you have a function like function sum(a, b) { return a + b; } and an array const numbers = [1, 2];, you can call it using the spread operator like this: sum(...numbers); This will return 3.

What if I have more than two numbers?

You can use the spread operator to handle any number of arguments. For example, function sum(...args) { return args.reduce((acc, curr) => acc + curr, 0); } allows you to sum any number of values.

That's really helpful! Can I use it with objects too?

Yes, absolutely! You can use the spread operator to merge objects. For example, const obj1 = { a: 1 }; const obj2 = { b: 2 }; const merged = { ...obj1, ...obj2 }; results in merged being { a: 1, b: 2 }.