首页 > 代码库 > JS对象复制
JS对象复制
在JavaScript很多人复制一个对象的时候都是直接用"="，因为大家都觉得脚本语言是没有指针、引用、地址之类的，所以直接用"="就可以把一个对象复制给另外一个对象，如下代码：
var i1 = 1; var i2 = i1; i2 = 2; alert("i1:"+i1+",i2:"+i2);
输出结果：i1:1 , i2:2
但可能没有发现，这种“复制”用在对象（object）类型是“错误”的，因为这只是把对象的地址复制，所以如下代码会进行了一次“错误”的复制：
代码２
var o1 = {i : 1,s : "o1"}; var o2 = o1; o2.i=2; o2.s="o2"; alert("o1.i:"+o1.i+",o2.i:"+o2.i); alert("o1.s:"+o1.s+",o2.s:"+o2.s);
输出：o1.i:2 , o2.i:2
o1.s:o2 , o2.s:o2
可能你会问为什么 代码１ 可以复制，但 代码２ 却没有复制？
其实准确来说是“基本数据类型”可以复制，非基本类型（包括字符串）只复制其引用。为什么要这样做呢？原因很简单，为了减少开销。大家都知道非基本类型有时候很大，如果重新开辟内存来存放一个这么大的对象，开销很大，导致运行会很慢。脚本语言是直接在虚拟机（或者浏览器）运行，它经过虚拟机这一层来处理代码，速度已经相对其他编译语言慢很多，所以如果把非基本对象再做“复制”，那么可能你要等上一年半载才能运行得了程序，因此只能复制对象的引用。
但很多时候我们并不希望函数去修改我们的这些对象参数，这就需要使用到对象的克隆，我们应该对该对象做一个克隆，然后操作这个克隆的对象，这样就不会影响我们的原对象了。 如果需要把整个对象复制，必须一个一个属性或方法引用复制一偏，这样为每个属性开辟内存来存放你需要的数据，当然这样相对来说会很慢，尤其数据量很多的时候， 在js中并没有对象克隆功能，因此需要我们自己实现，实现方法也不复杂，基本上是做一些属性复制，我在网上找了一些，但有些实现并不好，如对于array对象克隆后就成json对象了，并没有保留原来的数组方式。不过最后还是找到了一个很好的克隆函数，完美实现了js对象的克隆功能，不论是Array对象或者是普通的Object，都可以很好的进行克隆，这个函数使用constructor(函数构造器)进行复制。
方法一：
Object.prototype.Clone = function(){ var objClone; if (this.constructor == Object){ objClone = new this.constructor(); }else{ objClone = new this.constructor(this.valueOf()); } for(var key in this){ if ( objClone[key] != this[key] ){ if ( typeof(this[key]) == ‘object‘ ){ objClone[key] = this[key].Clone(); }else{ objClone[key] = this[key]; } } } objClone.toString = this.toString; objClone.valueOf = this.valueOf; return objClone; }
方法二：
function clone(obj){ var o; switch(typeof obj){ case ‘undefined‘: break; case ‘string‘ : o = obj + ‘‘;break; case ‘number‘ : o = obj - 0;break; case ‘boolean‘ : o = obj;break; case ‘object‘ : if(obj === null){ o = null; }else{ if(obj instanceof Array){ o = []; for(var i = 0, len = obj.length; i < len; i++){ o.push(clone(obj[i])); } }else{ o = {}; for(var k in obj){ o[k] = clone(obj[k]); } } } break; default: o = obj;break; } return o; }
方法三：
function clone3(obj){ function Clone(){} Clone.prototype = obj; var o = new Clone(); for(var a in o){ if(typeof o[a] == "object") { o[a] = clone3(o[a]); } } return o; }
方法四：
arrayObj＝[1,2,3,4,5];
arrayObj.slice(0); //返回数组的拷贝数组，注意是一个新的数组，不是指向arrayObj.concat(); //返回数组的拷贝数组，注意是一个新的数组，不是指向