angular : how can i clone an object in typescript? [duplicate]

Question

i am tyrinig to clone an object, do you know if exist a better solution of this one?

this.objClone = JSON.parse(JSON.stringify(this.obj));

I am using redux and i have this error:

ERROR TypeError: Cannot assign to read only property 'value' of object '[object Object]'

if you need a deep clone. stackoverflow.com/questions/122102/… — dismedia
– dismedia, Commented Dec 2, 2019 at 13:44

Nicolas · Accepted Answer · 2019-12-02 13:46:49Z

3

You can use the spread operator for that.

let original = {value: 'test'};
let copy = {...original};
copy.value = 'new test';

console.log(original.value)// -> 'test'
console.log(copy.value) // -> 'new test'

answered Dec 2, 2019 at 13:46

Nicolas

8,7264 gold badges25 silver badges58 bronze badges

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

2 Comments

Gelso77 Over a year ago

i am using redux and when i use your proposal i have this errror ERROR TypeError: Cannot assign to read only property 'value' of object '[object Object]'

Asaf Over a year ago

This is a shallow cloning. If you have anything deeper than 1 level, it will be the same object. For example, this code will print 5 var x ={ a: { b: 1 } }; var y = {...x}; x.a.b=5; console.log(y.a.b);

Benjamin Barbé · Accepted Answer · 2019-12-02 13:44:43Z

2

Try using

this.objClone = Object.assign({}, this.obj);

you can also use use lodash :

lodash is recommended for lot of objects / array manipulations

possible copy of Cloning objects TypeScript , What's alternative to angular.copy in Angular or What is the most efficient way to deep clone an object in JavaScript?

edited Dec 2, 2019 at 13:44

answered Dec 2, 2019 at 13:41

Benjamin Barbé

5806 silver badges19 bronze badges

1 Comment

Saurabh Yadav Over a year ago

Object.assign() copies property values. If the source value is a reference to an object, it only copies that reference value.

Ron · Accepted Answer · 2019-12-02 13:41:42Z

0

you can use Lodash's cloneDeep but JSON clone have better performance

answered Dec 2, 2019 at 13:41

Ron

9147 silver badges8 bronze badges

4 Comments

Nicolas Over a year ago

Please don't refer to an entire library for something that can be done in Native Typescript.

Ron Over a year ago

@Nicolas Well you know these days webpack knows how to include only the imported function and not an entire library.

Nicolas Over a year ago

I know, but if OP's did not specified the use of such library, I don't see the point of suggesting it. You answer is not wrong, far from it. It just does not seams relevent to the current context.

Ron Over a year ago

@Nicolas Idk the use of JSON clone kind of implies that he wants to deep clone

Collectives™ on Stack Overflow

angular : how can i clone an object in typescript? [duplicate]

3 Answers 3

2 Comments

1 Comment

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

4 Comments

Linked

Related