es6深度拷貝的實(shí)現(xiàn)方法有哪些

這篇文章主要介紹“es6深度拷貝的實(shí)現(xiàn)方法有哪些”，在日常操作中，相信很多人在es6深度拷貝的實(shí)現(xiàn)方法有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”es6深度拷貝的實(shí)現(xiàn)方法有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

深度拷貝的實(shí)現(xiàn)方法：1、使用“Object.assign({},obj)”語句來實(shí)現(xiàn)；2、使用“JSON.parse(JSON.stringify(obj))”語句來實(shí)現(xiàn)；3、使用“$.extend(true,[],arr)”語句來實(shí)現(xiàn)。

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

什么是深度拷貝

深拷貝就是相對與淺拷貝而言的，最主要的差異體現(xiàn)在引用類型上，從本質(zhì)上講就是淺拷貝只簡簡單單地把棧當(dāng)中的引用地址拷貝了一份，所以當(dāng)你修改新拷貝出來的值的時(shí)候，被拷貝的對象也會被你修改掉；而深拷貝是會在堆內(nèi)存當(dāng)中為新對象建立空間，所以被拷貝的對象就不會被無緣無故地被修改掉了。

es6中如何實(shí)現(xiàn)深度拷貝

方法1：使用Object.assign

Object.assign默認(rèn)是對對象進(jìn)行深拷貝的，但是我們需要注意的是，它只對最外層的進(jìn)行深拷貝，也就是當(dāng)對象內(nèi)嵌套有對象的時(shí)候，被嵌套的對象進(jìn)行的還是淺拷貝；

function cloneDeepAssign(obj){
  return Object.assign({},obj)
}

（溫馨提示：數(shù)組拷貝方法當(dāng)中，使用...、slice、concat等進(jìn)行拷貝也是一樣的效果，只深拷貝最外層）

同時(shí)，我們知道Object.assign針對的是對象自身可枚舉的屬性，對于不可枚舉的沒有效果；

所以，當(dāng)我們對于一個(gè)層次單一對象的時(shí)候，可以考慮這種方法，簡單快捷。（試過了，也不支持undefined）

方法2：利用JSON

這是我們最最最常提到的一種深拷貝的方式，一般大部分的深拷貝都可以用JSON的方式進(jìn)行解決，本質(zhì)是因?yàn)镴SON會自己去構(gòu)建新的內(nèi)存來存放新對象。

function cloneDeepJson(obj){
  return JSON.parse(JSON.stringify(obj))
}

但是我們要注意的是：

• 會忽略 undefined和symbol；

• 不可以對Function進(jìn)行拷貝，因?yàn)?code>JSON格式字符串不支持Function，在序列化的時(shí)候會自動刪除；

• 諸如 Map, Set, RegExp, Date, ArrayBuffer 和其他內(nèi)置類型在進(jìn)行序列化時(shí)會丟失；

• 不支持循環(huán)引用對象的拷貝;（循環(huán)引用的可以大概地理解為一個(gè)對象里面的某一個(gè)屬性的值是它自己）

方法3：利用jQuery的$.extend()

var array = [1,2,3,4];
var newArray = $.extend(true,[],array);

顯而易見，最大的缺點(diǎn)就是我們還需要引入jQuery庫了，所以也不太常用；

到此，關(guān)于“es6深度拷貝的實(shí)現(xiàn)方法有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！