자바스크립트 객체 복제 방법 총정리 👬

자바스크립트로 코딩을 하시다가 객체가 의도하신 대로 복제되지 않아서 고생하신 적이 한 번 쯤은 있으실텐데요.

예를 들어, 다음과 같은 객체가 있다고 가정해보겠습니다.

```js

const original = {

num: 1000,

bool: true,

str: "test",

func: function () {

console.log("func");

},

obj: {

x: 1,

y: 2,

},

arr: ["A", "B", "C"],

};

```

여러분은 위 객체를 어떻게 복제하여 새로운 변수에 복제본을 할당하실 건가요?

원본에 영향이 없도록 안전하게 복제하실 자신이 있으신가요?

```js

const clone = /* original의 복제본 */;

```

이번 포스팅에서는 자바스크립트에서 객체를 복제하는 다양한 방법에 대해서 실습을 통해서 한 번 정리해보도록 할께요. 우선 객체를 복제하다가 쉽게 범할 수 있는 실수에 대해서 살펴보고, 얇은 복제와 깊은 복제에 대한 개념을 잡아보겠습니다. 마지막으로 Lodash 라이브러리와 웹 표준 API인 structuredClone() 함수를 활용해서 객체 복제를 해보겠습니다.

📝 포스팅: https://www.daleseo.com/js-objects-clone/

🧑‍💻 실습 코드: https://runkit.com/daleseo/js-objects-clone