자바스크립트 객체 복제 방법 총정리
www.daleseo.com
자바스크립트 객체 복제 방법 총정리 👬
자바스크립트로 코딩을 하시다가 객체가 의도하신 대로 복제되지 않아서 고생하신 적이 한 번 쯤은 있으실텐데요.
예를 들어, 다음과 같은 객체가 있다고 가정해보겠습니다.
```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
다음 내용이 궁금하다면?
이미 회원이신가요?
2024년 1월 28일 오전 3:26
댓글 3
좋은 글 감사합니다! 정리가 되었어요!
함께 읽은 게시물
혹시 Cursor 채팅만 사용하시나요? Agent 쓰는 방법!
Cursor와 함께라면, 더이상 에디터는 단순한 입력 도구가 아닌
... 더 보기이력서는 붙는데 면접에서 계속 떨어진다면?
이
... 더 보기
🪄 플레이모어와 함께할 동료를 찾습니다
첫
... 더 보기Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자로" 강의를
... 더 보기
