當前位置:才華齋>設計>網頁設計>

javascript克隆物件深度介紹

網頁設計 閱讀(1.64W)

js一般有兩種不同資料型別的值:

javascript克隆物件深度介紹

基本型別(包括undefined,Null,boolean,String,Number),按值傳遞;

引用型別(包括陣列,物件),按址傳遞,引用型別在值傳遞的時候是記憶體中的地址。

克隆或者拷貝分為2種:

淺度克隆:基本型別為值傳遞,物件仍為引用傳遞。

深度克隆:所有元素或屬性均完全克隆,並於原引用型別完全獨立,即,在後面修改物件的屬性的時候,原物件不會被修改。

複製程式碼 程式碼如下:

function cloneObject(obj){

var o = tructor === Array ? [] : {};

for(var i in obj){

if(wnProperty(i)){

o[i] = typeof obj[i] === "object" ? cloneObject(obj[i]) : obj[i];

}

}

return o;

}

另:如果是一個簡單的陣列,元素中沒有引用型別的`值,可以直接用at();或者e(0);來深度拷貝一個數組,這樣簡單又高效。陣列的concat()和slice()本來就會生成一個新的陣列,原來的陣列不會受影響。但是要注意的是你要確保被拷貝的陣列中元素中沒有引用型別的值。

這是另一種深度克隆的方法,很簡單,很實用:

複製程式碼 程式碼如下:

var s = JSON.stringify( obj );

var o = e( s );