Javascript: clone object using jQuery

Use jQuery deep extend seem the best way:

var obj = {
    ...
}

var clone = $.extend(true, {}, obj);

Use jQuery shallow extend still share nested array:

var obj = {
    color: 'red',
    sizes: [100, 200, 300]
}

var clone = $.extend({}, obj);

clone.color = 'blue';
clone.sizes[0] = 500;

console.log(obj);
/*
    {
        color: 'red', // not changed
        sizes: [500, 200, 300] // changed
    }
*/

Use simple loop and copy each value without recursive make all nested array and object be shared, and much complex with recursive loop to copy.

Javascript: clone object using jQuery

Categories