- 相關(guān)推薦
javascript克隆對象深度介紹
js一般有兩種不同數(shù)據(jù)類型的值:
基本類型(包括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ù)組中元素中沒有引用類型的值。
這是另一種深度克隆的方法,很簡單,很實(shí)用:
復(fù)制代碼 代碼如下:
var s = JSON.stringify( obj );
var o = JSON.parse( s );
【javascript克隆對象深度介紹】相關(guān)文章:
JavaScript中的三種對象04-01
關(guān)于javascript對象之內(nèi)置和對象Math的使用方法03-30
JavaScript高級程序設(shè)計:本地對象Array03-29
Javascript中arguments對象的詳解和使用方法03-31
對javascript的理解03-29
JavaScript的課堂講解03-31