js中的克隆

1. 原数类型：数值、字符串、布尔值、null、nudefined,(后面两种为特殊的原始值)
2. 对象类型：object对象类型

数组克隆

在JS中，对于对象类型的变量的引用是通过类似C语言的指针的方式来操作的，如果多个变量引用同一个对象，则任意一个对变量的操作都会影响到其它的变量。

因此在创建一个与已经存在的对象内容相同的对象，不能通过简单的复制操作。例如：

var a = [1,2,3,4];
var b = a;
    c = b;
    a.pop();
//移除最后一个元素 alert(b); //弹出1,2,3 alert(c); //弹出1,2,3 

在执行上面的代码发现，在a的内容改变后，变量b和c的结果也改变了。

上面的情况也许不是我们所需要的，我们需要的是创建一个与原对象内容一样的“新”对象。我们需要一些克隆的办法来实现。

JS里Array也是一种Object。一下为克隆方法的总结。

1.最简单的办法，就是创建一个新数组，并遍历数组，逐项添加到新数组中。

Array.prototype.clone = function(){
                            var a=[];
                            for(var i=0,l=this.length;i<l;i++)
                            a.push(this[i]);
                            return a;
                        }

这是最容易想到和理解的。但是有点复杂，以下为两种简单的办法。

2.通过Array对象的slice方法。

slice方法是通过参数start和end的传入值来返回数组中的一段，该方法不对原数组进行操作。我们使用slice(0)来使其返回所有项。

Array.prototype.clone = function(){ return this.slice(0); } 

3.通过Array对象的concat方法。

concat方法是用来实现数组的合并的。通过和一个空函数的合并，即可实现我们的克隆功能。

Array.prototype.clone=function(){ return [].concat(this); } 
//或者 Array.prototype.clone=function(){ return this.concat(); } 

 

转载于:https://my.oschina.net/DukeSwain/blog/1613777