Why JSON.parse(JSON.stringify(obj)) removes a property of obj

Question

I want to clone an obj with some react elements inside. When I clone the obj
with JSON.parse(JSON.stringify(obj)). It removes $$typeof: Symbol(react.element).

const elm = <span>A Simple Span</span>
console.log(elm)
const copyOfElm = JSON.parse(JSON.stringify(elm))
console.log(copyOfElm);

I want to know how to clone in a way that it does not remove the property.

You might want to know more about javascript property descriptors. I think that explains why all properties aren't displayed in JSON.stringify, and why you cannot use it to clone everything. — sjahan
– sjahan, Commented Jan 23, 2019 at 16:56
JSON.parse(JSON.stringify(something)) is not a reliable way to clone objects. It works sometimes, but as you've found it doesn't work all the time. — Pointy
– Pointy, Commented Jan 23, 2019 at 16:57

Umair Farooq · Accepted Answer · 2019-01-23 16:57:13Z

4

You can use Object.assign e.g.

const copyOfElm = Object.assign({}, elm);

answered Jan 23, 2019 at 16:57

Umair Farooq

1,8331 gold badge14 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Maheer Ali Over a year ago

what if i wanna clone object like const elm = { innerHTML:[ <span>A Simple Span</span>, <span>A Simple Span</span> ] }

Umair Farooq Over a year ago

Object.assign is for objects not loops. For this purpose you can try lodash.com/docs/#cloneDeep

Maheer Ali Over a year ago

Thanks umair i got my answer

Collectives™ on Stack Overflow

Why JSON.parse(JSON.stringify(obj)) removes a property of obj

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related