js中如何實(shí)現(xiàn)對象拷貝

小編給大家分享一下js中如何實(shí)現(xiàn)對象拷貝，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

　　原生深克隆方法JSON.parse / stringify

　　這是一種會丟失某些數(shù)據(jù)的克隆方法。

　　如果你不使用Date，function，undefined，Infinity，正則表達(dá)式，Map集合，Set集合，Bolbs,FileLists，ImageDatas，稀疏數(shù)組sparse Arrays，類型化數(shù)組Typed ?Arrays或其他復(fù)雜類型的對象中，一個很簡單的深克隆的對象方法就是：

　　JSON.parse（JSON.stringify（object））

　　以下為演示例子：

　?。看蛴〕鼋Y(jié)果如下

　　可以發(fā)現(xiàn)使用JSON.parse（JSON.stringify（object））丟失的數(shù)據(jù)類型比較多。所以在使用它的時候，我們需要清楚的知道目標(biāo)對象object的數(shù)據(jù)類型。一般來說，如果我們需要處理的數(shù)據(jù)只有number,string,null類型，才推薦使用這個方法進(jìn)行數(shù)據(jù)對象的克隆。

　　使用庫進(jìn)行深克隆

　　由于克隆對象并非易事（復(fù)雜類型，循環(huán)引用，函數(shù)等），因此大多數(shù)主要庫都提供了克隆對象的功能。如果您已經(jīng)在使用的庫已經(jīng)提供了克隆方法，你可以直接使用，大多數(shù)情況下庫的克隆方法總比你自己寫的完善得多。

　　lodash：_.cloneDeep方法

　　可以通過lodash.clonedeep模塊單獨(dú)導(dǎo)入，如果您尚未使用提供深度克隆功能的庫，則可能是您的最佳選擇

　　Example

　　AngularJS：angular.copy方法（Deep?Copy）

　　angular.copy（source,?[destination]）;

　　jQuery：jQuery.extend（true, { }, oldObject）;?

　　輸出結(jié)果

　　jQuery還有一個。clone（）的方法，僅克隆DOM元素。第一個參數(shù)為true，表示遞歸深層復(fù)制。這里不展開討論。

　　ES6的淺克隆

　　為了完整起見，請注意ES6提供了兩種淺表復(fù)制機(jī)制：Object.assign（）和擴(kuò)展運(yùn)算符。

　　Object.assign（）

　　MDN上說了：

　??？Object.assign（）拷貝的是屬性值。假如源對象sources的屬性值是一個對象的引用，那么它也指向那個引用。

　　如果源對象的屬性值為簡單類型（string， number），通過Object.assign（{},obj1）;那么會得到這個屬性值的獨(dú)立拷貝；如果屬性值為對象或其它引用類型，那么它會指向這個對象的引用。這是Object.assign（）特別值得注意的地方。

以上是“js中如何實(shí)現(xiàn)對象拷貝”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！