[Javascript, Tip] 효율적으로 객체 복사하기 structuredClone()

1. 개요

Javascript에서 객체 deepcopy를 위해 보통 아래의 방법을 이용한다.

const obj = {...};	// 원본 객체
const newObj = JSON.parse(JSON.stringify(obj));	// 복사된 객체

하지만 이 방법은 무거운 작업이라 영 못미더운 점이 있다.

이런 문제를 해결하기 위해 재귀함수를 이용하거나 lodash와 같은 라이브러리를 이용하는데 이는 번거로운 작업의 추가로 느껴진다.

그래서 나온것이 structuredClone()함수이다.

 

2. structuredClone()

structuredClone()함수는 structured clone algorithm을 이용해 deep copy(깊은 복사)를 수행한다.

이는 Json을 이용한 방법보다 효율적이다.

structuredClone()은 아래와 같은 방법으로 사용할 수 있다.

const obj = {...};	// 원본 객체
const newObj = structuredClone(obj);	// 복사된 객체

 

3. 참고자료

https://developer.mozilla.org/ko/docs/Web/API/Window/structuredClone

structuredClone() 전역 함수 - Web API | MDN