浅谈js中的浅拷贝和深拷贝

对于字符串类型，浅复制是对值的复制，对于对象来说，浅复制是对对象地址的复制，并没有开辟新的栈，也就是复制的结果是两个对象指向同一个地址，修改其中一个对象的属性，则另一个对象的属性也会改变，而深复制则是开辟新的栈，两个对象对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。深复制实现代码如下(可以从两个方法进行解决)：

1、通过递归解析解决

    var china = {        nation : '中国',        birthplaces:['北京','上海','广州'],        skincolor :'yellow',        friends:['sk','ls']    }    //深复制，要想达到深复制就需要用递归    function deepCopy(o,c){        var c = c || {}        for(var i in o){        if(typeof o[i] === 'object'){            //要考虑深复制问题了            if(o[i].constructor === Array){                //这是数组                c[i] =[]            }else{                //这是对象                c[i] = {}            }                deepCopy(o[i],c[i])            }else{                c[i] = o[i]            }        }           return c;      }    var result = {name:'result'};    result = deepCopy(china,result);    console.dir(result);

1、通过JSON解析解决

    var test ={        name:{         xing:{              first:'张',             second:'李'         },         ming:'老头'       },      age :40,      friend :['隔壁老王','宋经纪','同事']    }      var result = JSON.parse(JSON.stringify(test))      result.age = 30      result.name.xing.first = '往'      result.friend.push('fdagldf;ghad')      console.dir(test)      console.dir(result)

问：在js中如何把一个对象里的属性和方法复制给另一个对象呢？

看一段代码：

var person={name:'zhou',age:24};var son={sex:'男'};function clone(p,s){　　var s=s||{};//判断s对象是否存在，不存在则定义s为空对象　　for(var prop in p){　　　　s[prop]=p[prop];};　　　　return s;//返回s对象};clone(person,son);

这是调用clone()返回的结果。

若var person={name:’chen’,age:18,man:{hight:188}};即person 对象里包含一个子对象man，则在复制时浅拷贝只是将子对象man的一个引用地址复制给son对象;son和person里的man 属性都指向同一个对象，故改变任何一个都能影响到另外一个。

代码如下：

<script>    var person={name:'zhou',age:24,man:{hight:172}}    var son={sex:'男'};    function clone(p,s){        var s=s||{};//判断s对象是否存在，不存在则定义s为空对象        for(var prop in p){            s[prop]=p[prop];        };            return s;//返回s对象    };        clone(person,son);        son.name='prince';        console.log(son.name);//打印prince        console.log(person.name);//打印zhou        son.man.height=180;        console.log(son.man.height);//打印180        console.log(person.man.height);//打印180</script>

深拷贝可以很好的解决引用类型的拷贝问题→采用递归的方法去复制拷贝对象，从而解决浅拷贝带来的弊端。

<script>    var person={name:'zhou',age:24,man:{height:172}}    var son={sex:'男'};    function clone(p,s){        var s=s||{};//判断s对象是否存在，不存在则定义s为空对象        for(var prop in p){            if (typeof p[prop]=='object') {                s[prop]=(p[prop].constructor===Array)?[]:{};//三元运算，将s[prop]初始化为数组或者对象                clone(p[prop],s[prop])            }             else {                s[prop]=p[prop];            }        };        　　　　return s;//返回s对象    };        clone(person,son);        son.name='prince';        console.log(son.name);//打印prince        console.log(person.name);//打印zhou        son.man.height=180;        console.log(son.man.height);//打印180        console.log(person.man.height);//打印172</script>