DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript克隆對象深度介紹
javascript克隆對象深度介紹
編輯:JavaScript基礎知識     
js一般有兩種不同數據類型的值:
  基本類型(包括undefined,Null,boolean,String,Number),按值傳遞;
  引用類型(包括數組,對象),按址傳遞,引用類型在值傳遞的時候是內存中的地址。
克隆或者拷貝分為2種:
  淺度克隆:基本類型為值傳遞,對象仍為引用傳遞。
  深度克隆:所有元素或屬性均完全克隆,並於原引用類型完全獨立,即,在後面修改對象的屬性的時候,原對象不會被修改。
復制代碼 代碼如下:
function cloneObject(obj){
var o = obj.constructor === Array ? [] : {};
for(var i in obj){
if(obj.hasOwnProperty(i)){
o[i] = typeof obj[i] === "object" ? cloneObject(obj[i]) : obj[i];
}
}
return o;
}

另:如果是一個簡單的數組,元素中沒有引用類型的值,可以直接用array.concat();或者array.slice(0);來深度拷貝一個數組,這樣簡單又高效。數組的concat()和slice()本來就會生成一個新的數組,原來的數組不會受影響。但是要注意的是你要確保被拷貝的數組中元素中沒有引用類型的值。
這是另一種深度克隆的方法,很簡單,很實用:
復制代碼 代碼如下:
var s = JSON.stringify( obj );
var o = JSON.parse( s );
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved