标签:des blog http io os 使用 ar java for
拷贝简单分为浅拷贝与深度拷贝,即给定一个对象,生成一个相同的对象。
浅拷贝
function copy(source,destiny){ destiny = destiny || {}; if(typeof(source) === ‘object‘){ // 是object或者array for(var i in source){ if(source.hasOwnProperty(i)){ destiny[i] = source[i]; } } }else{ //string number boolean,undefined null destiny = source; } return destiny; }
简单测试一下:
var ls = { a:12, b:22, c:{ c1:1, c2:2 } }; var ld = copy(ls); console.log(ld);
结果:
[object Object] { a: 12, b: 22, c: [object Object] { c1: 1, c2: 2 } }
但是,如果改变新生成对象的值,再查看一下source对象
ld.c.c1=3; console.log(ls);
[object Object] { a: 12, b: 22, c: [object Object] { c1: 3, c2: 2 } }
发现source对象也被改变,说明,对于复杂对象(key对应的value值为对象),进行浅拷贝,key对应的使用的是同一个引用,很容易引起问题。
深拷贝
function deepCopy(source,destiny){ destiny = destiny || {}; var i; for( i in source){ if(source.hasOwnProperty(i)){ if(typeof(source[i]) === "object"){ destiny[i] = Object.prototype.toString.call(source[i]) === "[object Array]" ? [] : {}; deepCopy(source[i],destiny[i]); //递归调用 }else{ destiny[i] = source[i]; } } } return destiny; }
测试一下:
var s = { a:1, b:{ b1:2, b2:3 }, c:[4,5] }; var d = deepCopy(s);
[object Object] { a: 1, b: [object Object] { b1: 2, b2: 3 }, c: [4, 5] }
d.b.b1=22; console.log(s);
console.log(s)对应的值:
[object Object] { a: 1, b: [object Object] { b1: 2, b2: 3 }, c: [4, 5] }
测试地址 : http://jsbin.com/higijadatalu/1/edit
标签:des blog http io os 使用 ar java for
原文地址:http://www.cnblogs.com/teamobaby/p/4019061.html