How to copy JavaScript object to new variable NOT by reference

Question

I wrote a quick jsfiddle here  where I pass a small JSON object to a new variable and modify the data from the original variable  not the new variable   but the new variable s data gets updated as well  This must mean that the JSON object was passed by reference  right   Here is my quick code   var json original    one  one   two  two    var json new   json original   console log json original     one  two console log json new     one  two  json original one    two   json original two    one    console log json original     two  one console log json new     two  one   Is there a way to make a deep copy of a JSON object so that modifying the original variable won t modify the new variable

User · Accepted Answer

I ve found that the following works if you re not using jQuery and only interested in cloning simple objects  see comments    JSON parse JSON stringify json original      Documentation   JSON parse   JSON stringify

User · Answer

Your only option is to somehow clone the object   See this stackoverflow question on how you can achieve this   For simple JSON objects  the simplest way would be   var newObject   JSON parse JSON stringify oldObject      if you use jQuery  you can use       Shallow copy var newObject   jQuery extend     oldObject       Deep copy var newObject   jQuery extend true      oldObject     UPDATE 2017  I should mention  since this is a popular answer  that there are now better ways to achieve this using newer versions of javascript   In ES6 or TypeScript  2 1     var shallowCopy        oldObject     var shallowCopyWithExtraProp        oldObject  extraProp   abc       Note that if extraProp is also a property on oldObject  its value will not be used because the extraProp    abc  is specified later in the expression  which essentially overrides it  Of course  oldObject will not be modified

[javascript] How to copy JavaScript object to new variable NOT by reference?

Examples related to javascript

Examples related to object

Examples related to javascript-objects