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