home
///
///

structuredClone

글 분류
small
키워드
javascript
생성일
2023/05/16 11:54
최근 수정일
2023/05/16 13:44
작성중

shallow copy vs deep copy

Shallow copy - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
A shallow copy of an object is a copy whose properties share the same references (point to the same underlying values) as those of the source object from which the copy was made. As a result, when you change either the source or the copy, you may also cause the other object to change too — and so, you may end up unintentionally causing changes to the source or copy that you don't expect. That behavior contrasts with the behavior of a deep copy, in which the source and copy are completely independent.
https://developer.mozilla.org/en-US/docs/Glossary/Shallow_copy
MDN Shallow copy 공식문서
Deep copy - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
A deep copy of an object is a copy whose properties do not share the same references (point to the same underlying values) as those of the source object from which the copy was made. As a result, when you change either the source or the copy, you can be assured you're not causing the other object to change too; that is, you won't unintentionally be causing changes to the source or copy that you don't expect. That behavior contrasts with the behavior of a shallow copy, in which changes to either the source or the copy may also cause the other object to change too (because the two objects share the same references).
https://developer.mozilla.org/en-US/docs/Glossary/Deep_copy
MDN Deep copy 공식문서

structuredClone

등장 이전

•
이전에는 Lodash를 사용했거나 JSON.parse(JSON.stringify(x)) 메서드로 깊은 복사를 사용했음.
◦
간단하게 말하자면 문자열로 직렬화 → 문자열이 된 값을 역직렬화 하여 객체로 바꿈
◦
Lodash를 사용하기 싫은 사용자들이 사용했던 방법
◦
Date는 string으로 변환되고 Set은 {}로 바꿔지는 이슈가 존재함

등장 이후

•
깊은 복사 간단해결

사용 가능 여부

•
Node 17 버전(2021-10-19) 부터, 크롬 98 버전(2022-02-01) 부터 지원됨

참조