Angular v2+ typescript deep copy/clone with getters

Question

How can I copy/clone a typescript class? The parent class contains a nested class and also a collection of the nested class. Each type of class contains a getter. I would like if the copied class did not lose the getters, and the nested class and the array items have a new reference.

My problems are, the JSON.parse(JSON.stringify( obj )); not copied the getters. and the Object.assign(target, soure); copied the getters, but the array items keep the original references.

Here is the structure of classes

export interface IClassA {
  code: number;
  description: string;
}

export class ClassA implements IClassA {
  code: number;
  description: string;
  get descrAndCode() {
    return 'Getter A ' + this.description + ':' + this.code;
  }
}

export interface IClassB {
  name: string;
  code: number;
  classList: Array<ClassA>;
}

export class ClassB implements IClassB {
  name: string;
  code: number;
  get codeAndName(): string {
    return 'Getter B' + this.code + ':' + this.name;
  }
  nested: ClassA;
  classList: Array<ClassA>;  
}

TheParam · Accepted Answer · 2019-03-18 15:56:38Z

1

Another way you deep copy of the object with getter & setter using follwing lodash clonedeep() method

import * as cloneDeep from 'lodash/cloneDeep';
...
let foo = cloneDeep(bar);

Hope this will help!

answered Mar 18, 2019 at 15:56

TheParam

10.6k4 gold badges43 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

L. Kvri Over a year ago

Thank you for your answer, but I would not want to use external libs.

TheParam Over a year ago

This library already available in your angular. You don't need installed this one

L. Kvri Over a year ago

I tried it, it works. But I not saw when included the lodash into Angular. What was the first version which contains it?

L. Kvri Over a year ago

What will happen if we create a project without CLI, the project will contain it? And if we make a production build in that case we should include it into package.json, am I right?

TheParam Over a year ago

by default it required to all angular application. without this library your angular project won't work. so no worries you can use it

Collectives™ on Stack Overflow

Angular v2+ typescript deep copy/clone with getters

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related