首頁 > web前端 > js教程 > 主體

javascript克隆物件深度介紹_基礎知識

WBOY
發布: 2016-05-16 17:48:01
原創
1079 人瀏覽過

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 );
相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板