javascript怎么深拷貝一個(gè)對(duì)象

這篇文章將為大家詳細(xì)講解有關(guān)javascript怎么深拷貝一個(gè)對(duì)象，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

JavaScript的作用是什么

1、能夠嵌入動(dòng)態(tài)文本于HTML頁(yè)面。2、對(duì)瀏覽器事件做出響應(yīng)。3、讀寫(xiě)HTML元素。4、在數(shù)據(jù)被提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)。5、檢測(cè)訪(fǎng)客的瀏覽器信息。6、控制cookies，包括創(chuàng)建和修改等。7、基于Node.js技術(shù)進(jìn)行服務(wù)器端編程。

JavaScript中，數(shù)據(jù)類(lèi)型有原始類(lèi)型和對(duì)象類(lèi)型兩種類(lèi)型，其中如果想要對(duì)對(duì)象進(jìn)行簡(jiǎn)單地復(fù)制很簡(jiǎn)單，但是當(dāng)要復(fù)制的對(duì)象中存在某一個(gè)屬性的值類(lèi)型是對(duì)象或者數(shù)組時(shí)，就不能進(jìn)行簡(jiǎn)單的復(fù)制，要對(duì)對(duì)象進(jìn)行深拷貝操作。本文介紹js深拷貝對(duì)象的方法：1、利用json對(duì)象深拷貝對(duì)象；2、利用遞歸的方式深拷貝對(duì)象；3、利用ES6對(duì)象擴(kuò)展運(yùn)算符（…）深拷貝對(duì)象。

方法一：利用json對(duì)象深拷貝對(duì)象

var obj = {
  name: 'FungLeo',
  sex: 'man',
  old: '18'
}
var obj2 = JSON.parse(JSON.stringify(obj))

方法二：利用遞歸的方式深拷貝對(duì)象

function deepCopy(s) {
    const target = {}
    for (let k in s) {
      if (typeof s[k] == 'object') {
        d[k] = deepCopy(s[k])
      } else {
        d[k] = s[k]
      }
    }
    return target
  }
  console.log(deepCopy(a));

方法三：利用ES6對(duì)象擴(kuò)展運(yùn)算符（…）深拷貝對(duì)象

const obj = {
        name: 'ha',
        age: 10
    }
    const obj2 = {
        obj: {
            ...obj
        }
    }

關(guān)于“javascript怎么深拷貝一個(gè)對(duì)象”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。