How can I deep copy in typescript

Question

I have object in typescript:

export class A {
 public var1: boolean = false;
 public var2: boolean = false;
 public b: B = new B();

}

export class B {
   public v: boolean = false;
}

And declare and exist object:

...
public a: A = new A();
...

When I use jQuery:

const myCopy: A = $.extend(true, {}, this.a);
this.a.b.v = true;

When I change variable object this.a I see change in copy. How Can I deep copy in this situation.

score 5 · Accepted Answer · answered Nov 21 '17 at 12:25

5

You can use triple ...

let b = new A();
const mCopy = {...b};

or you can use json stringify and json parse

const mCopy = JSON.parse(JSON.stringify(target));

answered Nov 21 '17 at 12:25

php developer

1

Still, when it changes boolean to true in the object (B) of the original object (A ),in the copy I see this change. – Stack Over Nov 21 '17 at 12:31
1

you can try json stringify and json parse – php developer Nov 21 '17 at 12:32
30

Spread doesn't do a deep copy. – Sanju Jan 15 '19 at 12:56
Would `const mCopy = Object.assign({}, b}` also work ? I've seen it in the wild – Samuel Prevost Oct 13 '21 at 14:31

1 Answers1