What is the difference between Object.assign and the spread operator in JavaScript?

What is the difference between Object.assign and the spread operator in JavaScript?

Object.assign copies properties from source objects to a target object, while the spread operator creates a shallow copy of an object.

Can you give me an example of how to use both?

Sure! Using Object.assign: const obj1 = {a: 1}; const obj2 = {b: 2}; Object.assign(obj1, obj2); results in obj1 being {a: 1, b: 2}. For the spread operator: const obj3 = {...obj1, ...obj2}; creates a new object obj3 with {a: 1, b: 2}.

Are there any differences in how they handle nested objects?

Yes, both methods perform a shallow copy. If the source object has nested objects, only the references are copied, not the actual nested objects.

Which one is preferred in modern JavaScript?

The spread operator is often preferred for its brevity and readability, especially in modern JavaScript code.