How do I shallow merge objects in JavaScript?

How do I shallow merge objects in JavaScript?

You can use the Object.assign() method or the spread operator to shallow merge objects. Would you like an example?

Yes, please provide an example using both methods.

Sure! Using Object.assign:

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const merged = Object.assign({}, obj1, obj2);
console.log(merged); // { a: 1, b: 3, c: 4 }

And using the spread operator:

const merged = {...obj1, ...obj2};
console.log(merged); // { a: 1, b: 3, c: 4 }

What happens if there are properties with the same name?

In both methods, the properties from the later object will overwrite those from the earlier one. So in the example, b from obj2 overwrites b from obj1.

Are there any limitations to shallow merging?

Yes, shallow merging only copies properties at the first level. Nested objects will not be merged deeply, so changes to nested properties won't reflect in the merged object.