How do I use the spread operator to merge objects in JavaScript?

How do I use the spread operator to merge objects in JavaScript?

You can use the spread operator (...) to merge objects easily. For example: const merged = {...obj1, ...obj2}; This creates a new object with properties from both obj1 and obj2.

What happens if there are properties with the same name?

If there are properties with the same name, the values from the last object will overwrite the earlier ones. For instance, if both obj1 and obj2 have a property 'a', the value from obj2 will be used in the merged object.

Can I merge more than two objects at once?

Yes, you can merge multiple objects by spreading them all together. For example: const merged = {...obj1, ...obj2, ...obj3}; This will combine all three objects into one.

Are there any performance considerations I should be aware of?

Using the spread operator is generally efficient, but if you're merging very large objects or many objects, it might impact performance. Always test in your specific context.