JavaScript对象复制（一）(转载)

在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(); //返回数组的拷贝数组，注意是一个新的数组，不是指向

转载地址http://www.cnblogs.com/zhangzili/p/3805935.html