What are the limitations of the JavaScript object spread operator?

What are the limitations of the JavaScript object spread operator?

The object spread operator can only shallowly copy properties, meaning nested objects are not deeply cloned.

Can you give an example of shallow copying with the spread operator?

Sure! If you have an object like const obj = { a: 1, b: { c: 2 } }; and use const newObj = { ...obj };, newObj.b will still reference the same object as obj.b.

What happens if I modify the nested object in the new object?

If you modify newObj.b.c = 3;, it will also change obj.b.c to 3, since both reference the same nested object.

Are there any other limitations I should be aware of?

Yes, the spread operator cannot copy non-enumerable properties or properties from the prototype chain.