Deep copying an object with JSON.stringify and JSON.parse

First, create a user object.

1
2
3
4
5
6
7
8let user = {
    name: "sungjun",
    age: 50,
    size: {
        height: 200,
        weight: 70,
    }
};

Next, create a deepCopy object and convert the user object to a string with JSON.stringify(). Then convert the user string back into an object with JSON.parse(). (I think it's a really easy method.)

1let deepCopy = JSON.parse(JSON.stringify(user));

Next, change deepCopy.size.height to 250 and look at the result. You can see that the value changes separately from the user object.

1deepCopy.size.height = 250;

1
2{ name: 'sungjun', age: 50, size: { height: 250, weight: 70 } }
{ name: 'sungjun', age: 50, size: { height: 200, weight: 70 } }