淺拷貝&深拷貝(如何實(shí)現(xiàn)深拷貝)

js的數(shù)據(jù)類型

主要分兩大類:基本數(shù)據(jù)類型和引用數(shù)據(jù)類型。

基本數(shù)據(jù)類型有:

Srting/Number/Null/undefine/Boolean? 占用內(nèi)存大小確定,保存在棧內(nèi)。

引用數(shù)據(jù)類型:

Object/Array? 占用內(nèi)存大小不確定,保存在堆內(nèi)。

深拷貝的方法

1.?JSON.parse(JSON.stringify(obj))

比較日常又比較dirty的方法,適合json可以解讀的數(shù)據(jù)

2.利用lodash里的_.cloneDeep

import? "_" from lodash;

let obj = {name:'zs',age:12};

let obj2 = _.cloneDeep(obj);

obj2.name = 'ls'

console.log(obj,ojb1)

//{name:'zs',age:12},{name:'ls',age:12}

3.jQuery —— $.clone() / $.extend()

4.實(shí)現(xiàn)一個(gè)深拷貝的方法

function?deepCopy?(obj)?{

?var?result;

?//引用類型分?jǐn)?shù)組和對(duì)象分別遞歸

?if?(Object.prototype.toString.call(obj)?==?'[object Array]')?{

?result?=?[]

?for?(i?=?0;?i?<?obj.length;?i++)?{

?result[i]?=?deepCopy(obj[i])

?}

?}?else?if?(Object.prototype.toString.call(obj)?==?'[object Object]')?{

?result?=?{}

?for?(var?attr in obj)?{

?result[attr]?=?deepCopy(obj[attr])

?}

?}

?//值類型直接返回

?else?{

?return?obj

?}

?return?result

}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容