js中如何實現對象拷貝

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

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

　　這是一種會丟失某些數據的克隆方法。

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

　　JSON.parse（JSON.stringify（object））

　　以下為演示例子：

　　？打印出結果如下

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

　　使用庫進行深克隆

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

　　lodash：_.cloneDeep方法

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

　　Example

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

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

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

　　輸出結果

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

　　ES6的淺克隆

　　為了完整起見，請注意ES6提供了兩種淺表復制機制：Object.assign（）和擴展運算符。

　　Object.assign（）

　　MDN上說了：

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

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

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