DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js 數組克隆方法 小結
js 數組克隆方法 小結
編輯:關於JavaScript     
因此如果要創建一個與已經存在的對象內容相同的對象,不能通過簡單的賦值操作。這樣說的可能還是不太明白。

看下面的例子:
復制代碼 代碼如下:
var a=[1,2,3,4]; var b=a;c=b; a.pop(); //移除最後一個元素 alert(b); //彈出1,2,3 alert(c); //彈出1,2,3
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。這裡我們主要總結一下Array的克隆方式,我們這裡為Array原生對象擴展一個clone方法。

1、最簡單的辦法,就是創建一個新數組,並遍歷數組逐項添加到新數組中。
復制代碼 代碼如下:
Array.prototype.clone=function(){ var a=[]; for(var i=0,l=this.length;i<l;i++) a.push(this[i]); return a; }
Array.prototype.clone=function(){ var a=[]; for(var i=0,l=this.length;i<l;i++) a.push(this[i]); return a; }

這種實現方式是最容易想到也是最容易理解的,但是代碼有點復雜了,我們仔細研究Array的一些方法,其實還有一個很簡單的辦法。下面說一下其它的兩種辦法。

2、通過Array對象的slice方法。

slice方法是通過參數start和end的傳入值來返回數組中的一段,該方法不對原數組進行操作。我們通過slice(0)可以使其返回所有項。
復制代碼 代碼如下:
Array.prototype.clone=function(){ return this.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(); }
Array.prototype.clone=function(){ return [].concat(this); } //或者 Array.prototype.clone=function(){ return this.concat(); }

如果發揮想象應該還有其它的辦法,以上只是本人想到的兩種方法。

JavaScript 克隆數組最簡單的方法

JavaScript數組的快速克隆(slice()函數)和數組的排序、亂序和搜索(sort()函數)
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved