jQuery.extend() deep clone nested objects

Question

I am trying to clone a quite complicated object with nested sub objects.

The object has a structure like this:

using jQuery.extend():

var board = $.extend(true, {}, this.game.board)

doesn't clone the nested objects, so I have used JSON to be sure there are no leftover references to the source object.

var boardJSON = JSON.stringify(JSON.decycle(this.game.board));
var board =  JSON.retrocycle($.parseJSON(boardJSON));

This works very well, but the performance is miserable.

Spoom · Accepted Answer · 2013-10-20 13:58:12Z

1

Finally found the answer: JQuery doesn't support deep cloning of user defined objects at the moment, but this library does: owl

answered Oct 20, 2013 at 13:58

Spoom

1953 silver badges12 bronze badges

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

1 Answer 1