这是我的解决方案。它适用于对象数组或Map。该解决方案还保留了方法。

深度复制实际上意味着创建一个新数组并复制值，因为无论它发生什么都不会影响原始数组。

这对我来说是最好的解决方案:

deepCopy(inputObj: any) {
    var newObj = inputObj;
    if (inputObj && typeof inputObj === "object") {
        newObj = Object.prototype.toString.call(inputObj) === "[object Array]" ? [] : {};
        for (var i in inputObj) {
            newObj[i] = this.deepCopy(inputObj[i]);
        }

        //For maps
        if(Object.prototype.toString.call(inputObj) === "[object Map]"){
            newObj = new Map;
            inputObj.forEach((v,k) =>{
                newObj.set(k,this.deepCopy(v));
            });
        }
    }
    return newObj;
}

正如Daniel Lew提到的，循环图有一些问题。如果我有这个问题，我要么向有问题的对象添加特殊的clone()方法，要么记住我已经复制了哪些对象。

我会用一个变量copyCount来做，它在你每次复制代码时增加1。copyCount小于当前复制进程的对象将被复制。如果不是，则应该引用已经存在的副本。这就需要从原文链接到副本。

还有一个问题:内存。如果您从一个对象引用到另一个对象，那么浏览器很可能无法释放这些对象，因为它们总是从某个地方引用。您必须进行第二次传递，将所有复制引用设置为Null。(如果你这样做，你不必有一个copyCount，但一个布尔iscopy就足够了，因为你可以在第二步重置值。)

JavaScript中深度克隆的一些优雅方法:

对象类型: 用JavaScript复制对象

用于克隆对象的普通JavaScript方法 巧妙地利用JSON库对对象进行深度克隆 使用jQuery的$.extend()函数 使用Mootools的clone()函数克隆对象

在JavaScript中，数组和对象复制会改变原始值，因此深度复制是解决这个问题的解决方案。

深度复制实际上意味着创建一个新数组并复制值，因为无论它发生什么都不会影响原始数组。

JSON。解析和JSON。Stringify是深度复制的最佳和简单的方法。JSON.stringify()方法将JavaScript值转换为JSON字符串。JSON.parse()方法解析JSON字符串，构造由字符串描述的JavaScript值或对象。

深克隆

let a = [{ x:{z:1} , y: 2}];
let b = JSON.parse(JSON.stringify(a));
b[0].x.z=0

console.log(JSON.stringify(a)); //[{"x":{"z":1},"y":2}]
console.log(JSON.stringify(b)); // [{"x":{"z":0},"y":2}]

更多细节:阅读这里

浅拷贝的问题是所有对象都没有被克隆。虽然对每个对象的引用在每个数组中都是唯一的，但一旦最终获取到它，您将处理与以前相同的对象。你克隆它的方式没有问题…使用Array.slice()也会得到相同的结果。

深层复制出现问题的原因是您最终得到了循环对象引用。深度会尽可能地深，如果你有一个圈，它会无限延伸，直到浏览器昏厥。

如果数据结构不能表示为有向无环图，那么我不确定您是否能够找到用于深度克隆的通用方法。循环图提供了许多棘手的极端情况，由于这不是一个常见的操作，我怀疑是否有人编写了一个完整的解决方案(如果有可能的话——可能没有!)但是我现在没有时间来写一个严格的证明)。我在这个页面上找到了一些关于这个问题的很好的评论。

如果你需要一个带有循环引用的对象数组的深层副本，我相信你将不得不编写自己的方法来处理你的专用数据结构，这样它就是一个多通道克隆:

在第一轮中，克隆数组中不引用其他对象的所有对象。记录每个物体的起源。 在第二轮，把这些物体连在一起。

jQuery:

var target = [];
$.each(source, function() {target.push($.extend({}, this));});