Create deep copy in angular 2 [duplicate]

Question

How I can create deep copy in angular 2, I tried to use let newObject = Object.assign({}, myObject) but still myObject reflects all the changes done in newObject.

I thinks its typescript problem not angular2. correct me if I m wrong — Aniruddha Das
– Aniruddha Das, Commented Dec 5, 2016 at 4:12
Do you mean deep copy or shallow copy? stackoverflow.com/questions/184710/… — Suraj Rao
– Suraj Rao, Commented Dec 5, 2016 at 4:13
@SurajRao ok now I am also confused, I just want to reset my object to its default state when my work is done with that object. So to do that, I need to store that default copy, but when I make changes at one place all other copy also gets changed. How to prevent that? — Dheeraj Agrawal
– Dheeraj Agrawal, Commented Dec 5, 2016 at 4:30

glemiere · Accepted Answer · 2020-06-15 00:38:20Z

4

Just use the following function :

/**
 * Returns a deep copy of the object
 */

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

edited Jun 15, 2020 at 0:38

answered Dec 5, 2016 at 5:39

glemiere

5,0747 gold badges41 silver badges61 bronze badges

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

Comments

Jitendra gupta · Accepted Answer · 2016-12-05 05:42:06Z

2

Try to use the Lodash.js . Because angular 2 does not have any method for deep copy . for reference see :https://lodash.com/docs#cloneDeep

or You can use this javascript function

var copy = Object.assign({}, myObject);

answered Dec 5, 2016 at 5:42

Jitendra gupta

1088 bronze badges

3 Comments

Playdome.io Over a year ago

Do you think including lodash just for this one feature is reasonable? To add 2 numbers would you install math.js? So would you keep adding random third party libraries for every trivial task you run into?

Jitendra gupta Over a year ago

that's why i have given the second option

Playdome.io Over a year ago

I know but that is wrong sadly.. Please see the documentation: Warning for Deep Clone For deep cloning, we need to use other alternatives because Object.assign() copies property values. If the source value is a reference to an object, it only copies that reference value. developer.mozilla.org/en/docs/Web/JavaScript/Reference/…

Collectives™ on Stack Overflow

Create deep copy in angular 2 [duplicate]

2 Answers 2

Comments

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Linked

Related