javaScript 深層複製

標籤：copy   sha   array   src   拷貝   lan   深複製   問題   return   

在工作中遇到了深淺複製的問題，所以詳細總結一下：

深複製和淺複製只針對像 Object, Array 這樣的複雜物件的。簡單來說，淺複製只複製一層對象的屬性，而深複製則遞迴複製了所有層級。

var obj = { a:1, arr: [2,3] };var shadowObj = shadowCopy(obj);function shadowCopy(src) {  var dst = {};  for (var prop in src) {    if (src.hasOwnProperty(prop)) {      dst[prop] = src[prop];    }  }  return dst;}

這是一種典型的淺複製，shadowCopy方法將對象的各個屬性進行依次複製，並不會進行遞迴複製，而 JavaScript 儲存物件都是存地址的，所以淺複製會導致 obj.arr 和 shadowObj.arr 指向同一塊記憶體位址。當其中一個變數對指向的值做了修改，另一個變數在調用時數值也就修改了。

shadowObj.arr[1] = 5;obj.arr[1]   // = 5

下面給出深複製的代碼：

function deepCopy ( obj ) {         var tmp = {};           for ( var k in obj ) {            tmp[ k ] = obj[ k ];          }         return tmp;    }    //在這個函數中最關鍵的一步 tmp[ k ] = obj[ k ]    //所以這裡只需要保證 obj[ k ] 這個賦值是一個深度拷貝的對象即可.    //注意: 函數的目的是得到 obj 的深拷貝副本. 因此遞迴一下.    function deepCopy ( obj ) {        var tmp = {}, k;            for ( k in obj ) {                if ( typeof obj[ k ] === ‘object‘ ) {                    tmp[ k ] = deepCopy( obj[ k ] );                } else {                    tmp[ k ] = obj[ k ];                }            }            return tmp;        }        // 如果處理這個對象        var o3 = {            name: ‘jim‘,            scores: [                90,                 95,                85            ]        };        // 該代碼無法處理數組的情況，做如下改動        function deepCopy ( obj ) {            var tmp = obj.length >= 0 ?                         obj instanceof Array ? [] : { length: 0 } :                         {},                 k;            for ( k in obj ) {                if ( typeof obj[ k ] === ‘object‘ ) {                    tmp[ k ] = deepCopy( obj[ k ] );                } else {                    tmp[ k ] = obj[ k ];                }            }            return tmp;        }

 

對於深複製，如果對象比較大，層級也比較多，深複製會帶來效能上的問題。在遇到需要採用深複製的情境時，可以考慮有沒有其他替代的方案。在實際的應用情境中，也是淺複製更為常用。

 

而JSON.parse( JSON.stringify(a) )這種方法比較簡單，但同時也存在問題

• 無法複製函數
• 原型鏈沒了，對象就是object，所屬的類沒了。這會拋棄對象的constructor，也就是深複製之後，無論這個對象原本的建構函式是什麼，在深複製之後都會變成Object。另外諸如RegExp對象是無法通過這種方式深複製的。

javaScript 深層複製