js深複製淺複製

淺複製

先說下js的類型存儲：基本類型的變量是存放在棧區的（棧區指內存裏的棧內存），而引用類型的值是同時保存在棧內存和堆內存中的對象（引用類型的存儲需要內存的棧區和堆區（堆區是指內存裏的堆內存）共同完成，棧區內存保存變量標識符和指向堆內存中該對象的指針，也可以說是該對象在堆內存的地址。）

接着來理解淺複製：對於字符串類型，淺複製是對值的複製，對於對象來說，淺複製是對對象地址的複製，並沒 有開闢新的棧，也就是複製的結果是兩個對象指向同一個地址，修改其中一個對象的屬性，則另一個對象的屬性也會改變。
不理解可以運行下面的代碼來幫助理解：

var obj = {
    a:1,
    arr:[2,3],
};
var shallowCopy = {
    shallowDemo:function(value){
        var arr = {};
        for(var key in value){
            if(value.hasOwnProperty(key)){
                arr[key] = value[key];
            }
        }
        return arr;
    }
};
var arr1 = shallowCopy.shallowDemo(obj);
console.log(arr1);//{ a: 1, arr: [ 2, 3 ] }
arr1.arr[1] = 5;
arr1.a = 6;
console.log(obj);//{ a: 1, arr: [ 2, 5 ] }
console.log(arr1);//{ a: 6, arr: [ 2, 5 ] }

深複製

深複製就是需要開闢新的棧，兩個對象對應兩個不同的地址，修改一個對象的屬性，不會改變另一個對象的屬性。

var obj = {
    a:1,
    arr:[2,3],
};
var deepCopy = function(o,arr){
    var arr = arr || {};
    for(var i in o){
        if(typeof(o[i]) === "object"){
            if(o[i].constructor === Array){
                arr[i] =[];//數組
            }else {
                arr[i] = {};//對象
            }
            deepCopy(o[i],arr[i]);
        }else {
            arr[i] = o[i];
        }
    } 
    return arr;
};
var arr1 = deepCopy(obj);
console.log(arr1);//{ a: 1, arr: [ 2, 3 ] }
arr1.arr[1] = 5;
arr1.a = 6;
console.log(obj);//{ a: 1, arr: [ 2, 3 ] }
console.log(arr1);//{ a: 6, arr: [ 2, 5 ] }

再加幾個jq和json方法：
JSON.parse() 方法解析一個JSON字符串，構造由字符串描述的JavaScript值或對象。可以提供可選的reviver函數以在返回之前對所得到的對象執行變換。

var result =  JSON.parse(JSON.stringify(test));
$.extend( [deep ], target, object1 [, objectN ] )；
 deep 
類型: Boolean 
如果是true，合併成爲遞歸（又叫做深拷貝）。
 target 
類型: Object 
對象擴展。這將接收新的屬性。
 object1 
類型: Object 
一個對象，它包含額外的屬性合併到第一個參數。
objectN 
類型: Object 
包含額外的屬性合併到第一個參數。

如果還想繼續深入學習或者還不懂的可以看看這個https://www.zhihu.com/question/23031215