javascript - 如何深度复制包含集合的 JavaScript 对象

Question

使用 jQuery 深度复制
var objCopy = jQuery.extend(true, {}, obj);

非常适合
var obj = {str: "text", num: 2, arr: [1, 2, 3]}

但是对于
var obj = {str: "text", num: 2, set: new Set([1,2,3])}?

我发现对 obj.set 进行更改也会更改 objCopy.set。
有没有办法深入到 obj 内部的集合并将其深拷贝分配给 objCopy？

Answer 1

您可以实现一个小的copy函数，该函数将在存在集合时处理它。

function myCopy(obj) {
  obj = jQueryDeepCopierOfObject(obj); // Deep copy it here

  for (let prop in obj)
    if (obj.hasOwnProperty(prop))
      if (Set.prototype.isPrototypeOf(obj[prop]))
        obj[prop] = new Set(obj[prop]);

  // hoping there won't be any object in the set.
  return obj;
}

示例:

var a = { a: "foo",  b: "bar", 
          c: "baz",  set: new Set() };
          
a.set.add("fox");
a.set.add("bat");
a.set.add("wisdom");

var b = mycopy(a);

console.log("a === b: ", a === b); // → false
console.log("a.set === b.set: ",
             a.set === b.set);      // → false

b.set.add("kindness");

console.log("set a has kindness: ",
            a.set.has("kindness")); // → false
console.log("set b has kindness: ",
            b.set.has("kindness")); // → true

function mycopy(obj) {
  obj = Object.assign({}, obj);

  for (let prop in obj)
    if (obj.hasOwnProperty(prop))
      if (Set.prototype.isPrototypeOf(obj[prop]))
        obj[prop] = new Set(obj[prop]);

  return obj;
}