JavaScript에서 객체를 깊은 복제하는 가장 효율적인 방법은 무엇인가요?

이 질문의 답변은 커뮤니티 노력입니다. 이 게시물을 개선하기 위해 기존 답변을 편집하세요. 새로운 답변이나 상호작용은 현재 허용되지 않습니다.

자바스크립트 객체를 복제하는 가장 효율적인 방법은 무엇인가요? obj = eval(uneval(o));와 같은 방법을 본 적이 있지만, 이는 비표준이며 Firefox만 지원합니다.

obj = JSON.parse(JSON.stringify(o));와 같은 방법도 사용해보았지만 효율성에 의문을 갖습니다.

다양한 결함이 있는 재귀 복사 함수도 본 적이 있습니다.


내가 놀란 것은 규범적인 해결책이 없다는 것입니다.

답변 1

벤치마크를 위해 코르반의 답변을 참조하세요.

라이브러리를 사용한 신뢰할 수 있는 복제

객체를 복제하는 것은 단순하지 않습니다 (복잡한 유형, 순환 참조, 함수 등). 대부분의 주요 라이브러리는 객체를 복제하는 기능을 제공합니다. 바퀴를 다시 발명하지 마세요 - 이미 라이브러리를 사용하고 있다면, 객체 복제 기능이 있는지 확인하세요. 예를 들어,

• lodash - cloneDeep; lodash.clonedeep 모듈을 통해 별도로 가져올 수 있으며, 이미 깊은 복제 기능을 제공하는 라이브러리를 사용하지 않는다면 가장 좋은 선택일 것입니다


• AngularJS - angular.copy


• jQuery - jQuery.extend(true, { }, oldObject); .clone()은 DOM 요소만 복제합니다


• just library - just-clone; 하나의 기능만 수행하는 의존성이 없는 npm 모듈 라이브러리의 일부입니다.

답변 2

자바스크립트에서 객체를 깊은 복사하는 가장 효율적인 방법은 무엇일까요? 지금부터 이 주제에 대해 SEO에 최적화된 한국어 에세이를 작성하도록 하겠습니다.
객체를 복사할 때, 주의할 점은 객체는 기본적으로 얕은 복사(shallow copy)되는 경향이 있다는 것입니다. 좁은 의미에서의 복사는 단순히 원본 객체의 참조를 복사하는 것이므로, 두 객체는 같은 데이터를 공유하게 됩니다. 객체를 깊은 복사(deep copy)하는 것은 객체의 데이터와 프로토타입 체인을 다시 생성하여 원본 객체와 완전히 분리된 복사본을 생성하는 것을 의미합니다.
다행히 JavaScript에는 깊은 복사를 수행하기 위한 다양한 방법이 있습니다. 여러 가지 방법 중에서 가장 효율적인 방법을 알아보도록 하겠습니다.
1. JSON.stringify()와 JSON.parse() 사용하기:
JSON.stringify() 함수는 객체를 JSON 문자열로 변환하고, JSON.parse() 함수는 JSON 문자열을 다시 객체로 변환합니다. 이 두 함수를 조합하여 깊은 복사를 수행할 수 있습니다. 하지만 이 방법은 함수, undefined, 심볼 등의 데이터를 처리하는데 한계가 있으며, 객체의 메서드와 프로토타입 또한 제외됩니다.
2. 재귀 함수를 이용한 깊은 복사:
재귀 함수를 사용하여 직접 객체를 순회하면서 복사하는 방법입니다. 프로퍼티가 객체 형태인 경우에는 해당 객체를 재귀적으로 복사합니다. 이 방법은 비교적 간단하고 순수한 JavaScript이지만, 큰 객체의 경우 재귀 호출로 인한 성능 저하가 있을 수 있습니다.
3. Lodash 라이브러리 사용하기:
Lodash는 유명한 JavaScript 유틸리티 라이브러리로, 객체를 깊은 복사하는 cloneDeep() 함수를 제공합니다. 이 함수는 재귀 함수와 비슷한 방식으로 동작하지만, 최적화된 알고리즘을 활용하여 성능을 향상시킵니다. Lodash를 사용하면 간단한 코드로도 객체를 깊은 복사할 수 있으며, 다양한 도우미 함수에도 접근할 수 있습니다.
세 가지 방법 모두 장단점이 있으며, 상황에 맞게 선택해야 합니다. JSON 메서드를 사용하는 경우 기본 JavaScript를 활용하므로 의존성을 줄일 수 있습니다. 재귀 함수를 사용하는 경우 순수 JavaScript로 구현할 수 있지만, 성능 이슈가 발생할 수 있습니다. Lodash를 사용하는 경우에는 풍부한 기능과 향상된 성능을 즐길 수 있으나, 추가적인 의존성이 필요합니다.
이러한 방법들 중에서 상황과 환경에 맞게 가장 효율적인 방법을 선택하여 깊은 복사를 수행해야 합니다. JavaScript에서 객체를 깊은 복사하는 방법에 대해 이해하고 활용하는 것은 프로그래밍에서 중요한 기술이므로, 관련 지식을 꼭 습득하시기 바랍니다.