How to deep copy an object in javascript as object not as array

Question

var x = {attr1: "value", attr2: "value"};
var y = $.extend(true, [], x);
var z = $.extend(true, [], x);

alert($.type(x)); // object
alert($.type(y)); // array [ why not object too ]
alert($.type(z)); // array [ why not object too ]

RTFM: http://api.jquery.com/jQuery.extend/. "Target…The object to extend. It will receive the new properties." — RobG
– RobG, Commented Jun 4, 2013 at 1:10

Sushanth -- · Accepted Answer · 2013-06-04 01:06:29Z

5

Instead of

var y = $.extend(true, [], x);

Try

var y = $.extend(true, {}, x);
                       ^^--------- Empty object instead of empty Array

answered Jun 4, 2013 at 1:06

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

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

1 Comment

shubniggurath Over a year ago

I've tried several different ways of doing this, but this one works the best for object 'arrays'

Matt Bailey · Accepted Answer · 2019-10-16 17:35:13Z

0

To make a deep copy of an object in javascript is to do JSON.parse(JSON.stringify(obj)). In the context of your question, this could be done as follows:

var x = {attr1: "value", attr2: "value"};
var deep_copy = JSON.parse(JSON.stringify(x));

answered Oct 16, 2019 at 17:35

Matt Bailey

11 bronze badge

Collectives™ on Stack Overflow

How to deep copy an object in javascript as object not as array

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related