javascript克隆對象深度介紹
更新時間：2012年11月20日 10:16:29 作者：
本文將詳細(xì)介紹js 深度克隆的分類與實現(xiàn)，需要的朋友可以參考下
js一般有兩種不同數(shù)據(jù)類型的值：
基本類型（包括undefined,Null,boolean,String,Number），按值傳遞；
引用類型（包括數(shù)組，對象），按址傳遞，引用類型在值傳遞的時候是內(nèi)存中的地址。
克隆或者拷貝分為2種：
淺度克?。夯绢愋蜑橹祩鬟f，對象仍為引用傳遞。
深度克?。核性鼗?qū)傩跃耆寺。⒂谠妙愋屯耆?dú)立，即，在后面修改對象的屬性的時候，原對象不會被修改。
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;
}
另：如果是一個簡單的數(shù)組，元素中沒有引用類型的值，可以直接用array.concat();或者array.slice(0);來深度拷貝一個數(shù)組，這樣簡單又高效。數(shù)組的concat()和slice()本來就會生成一個新的數(shù)組，原來的數(shù)組不會受影響。但是要注意的是你要確保被拷貝的數(shù)組中元素中沒有引用類型的值。
這是另一種深度克隆的方法，很簡單，很實用：
var s = JSON.stringify( obj );
var o = JSON.parse( s );
基本類型（包括undefined,Null,boolean,String,Number），按值傳遞；
引用類型（包括數(shù)組，對象），按址傳遞，引用類型在值傳遞的時候是內(nèi)存中的地址。
克隆或者拷貝分為2種：
淺度克?。夯绢愋蜑橹祩鬟f，對象仍為引用傳遞。
深度克?。核性鼗?qū)傩跃耆寺。⒂谠妙愋屯耆?dú)立，即，在后面修改對象的屬性的時候，原對象不會被修改。
復(fù)制代碼 代碼如下:
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;
}
另：如果是一個簡單的數(shù)組，元素中沒有引用類型的值，可以直接用array.concat();或者array.slice(0);來深度拷貝一個數(shù)組，這樣簡單又高效。數(shù)組的concat()和slice()本來就會生成一個新的數(shù)組，原來的數(shù)組不會受影響。但是要注意的是你要確保被拷貝的數(shù)組中元素中沒有引用類型的值。
這是另一種深度克隆的方法，很簡單，很實用：
復(fù)制代碼 代碼如下:
var s = JSON.stringify( obj );
var o = JSON.parse( s );
相關(guān)文章
這篇文章主要介紹了JQueryDOM之樣式操作，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
JavaScript 特殊字符...2007-04-04
下面小編就為大家?guī)硪黄獪\談JavaScript 標(biāo)準(zhǔn)對象。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
本文提供Javascript中自動切換焦點實例代碼,需要了解的朋友可以參考下2012-12-12
這篇文章主要介紹了js數(shù)組的操作指南的相關(guān)資料,需要的朋友可以參考下2014-12-12
JavaScript函數(shù)、閉包、原型、面向?qū)ο髮W(xué)習(xí)筆記
這篇文章給大家分享了一篇關(guān)于JavaScript函數(shù)、閉包、原型、面向?qū)ο蟮闹R點學(xué)習(xí)筆記內(nèi)容，有興趣的朋友參考下。2018-09-09
這篇文章主要介紹了a標(biāo)簽添加onclick事件的幾種方式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
實現(xiàn)登陸驗證的方法有很多，在本文為大家詳細(xì)介紹下使用js是如何做到的，下面有個不錯的示例還有運(yùn)行截圖，喜歡的朋友可以嘗試操作下2013-11-11
JavaScript前端圖片加載管理器imagepool使用詳解
這篇文章主要介紹了JavaScript前端圖片加載管理器imagepool使用詳解,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了js檢測瀏覽器夜晚（dark）模式方法,需要的朋友可以參考下2022-10-10