一個(gè)例子 - 看盡JS的深度克隆

  1. 在JS中的等于號(hào)都是把對(duì)象的地址引用了,所有普通的賦值或者是Object.assign都是淺克隆,那么怎么深克隆呢
  2. 基本思想就是遍歷對(duì)象,一個(gè)一個(gè)賦值
  3. 遇到對(duì)象或者數(shù)組的化遞歸
function deepClone(parent, child) {
    child = child || {};
    for (const key in parent) {
        if (parent.hasOwnProperty(key)) {
            let item = parent[key];
            if (typeof item === "object") {
                child[key] = Object.prototype.toString.call(item) === "[object Array]" ? [] : {};
                deepClone(item,child[key],);
            } else {
                child[key] = item;
            }
        }
    }
    return child;
}

let a = {a:1,b:{c:3,d: [6,5,4,3]}}
let b = {};
 b = deepClone(a,b);
console.log(a,b)

這里有幾個(gè)點(diǎn)需要注意以下

在遍歷目標(biāo)對(duì)象的時(shí)候,首先需要屬性是不是對(duì)象,不是的話,證明是基本類型對(duì)不,那么就可以直接賦值了,因?yàn)榛绢愋驮趦?nèi)存中的棧里存的就是真實(shí)值
如果是對(duì)象或者數(shù)組的化,那么需要遞歸調(diào)用這個(gè)對(duì)象,直到是基本類型為止

?著作權(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)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒(méi)有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對(duì)...
    cosWriter閱讀 11,621評(píng)論 1 32
  • 三,字符串?dāng)U展 3.1 Unicode表示法 ES6 做出了改進(jìn),只要將碼點(diǎn)放入大括號(hào),就能正確解讀該字符。有了這...
    eastbaby閱讀 1,667評(píng)論 0 8
  • 本文為阮一峰大神的《ECMAScript 6 入門(mén)》的個(gè)人版提純! babel babel負(fù)責(zé)將JS高級(jí)語(yǔ)法轉(zhuǎn)義,...
    Devildi已被占用閱讀 2,122評(píng)論 0 4
  • 1.屬性的簡(jiǎn)潔表示法 允許直接寫(xiě)入變量和函數(shù) 上面代碼表明,ES6 允許在對(duì)象之中,直接寫(xiě)變量。這時(shí),屬性名為變量...
    雨飛飛雨閱讀 1,254評(píng)論 0 3
  • 不知道從什么時(shí)候開(kāi)始,禮貌用語(yǔ),良好的分寸感被我丟得越來(lái)越遠(yuǎn)。本來(lái)認(rèn)識(shí)沒(méi)有多久的人,非要裝得跟他/她很熟,認(rèn)識(shí)多久...
    哥哥你會(huì)發(fā)光耶閱讀 624評(píng)論 3 3

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