How do I correctly clone a JavaScript object?

Question

I have an object, x. I'd like to copy it as object y, such that changes to y do not modify x. I realized that copying objects derived from built-in JavaScript objects will result in extra, unwanted properties. This isn't a problem since I'm copying one of my own, literal-constructed objects.

How do I correctly clone a JavaScript object?

Answer 1

For correctly cloning a JavaScript object you can use the JSON.parse(JSON.stringify(object)) method,  below is the code for the same:-

const a = { string: 'string', number: 123, bool: false, nul: null, date: new Date(),} 

console.log(a); 

console.log(typeof a.date);

const clone = JSON.parse(JSON.stringify(a)); 

console.log(clone); 

console.log(typeof clone.date);