JavaScript에서 객체의 얕은 복사본과 깊은 복사본-JS 튜토리얼-php.cn

JavaScript에서 객체의 얕은 복사본과 깊은 복사본

Mary-Kate Olsen

풀어 주다： 2024-10-04 22:25:02

원래의

483명이 탐색했습니다.

Shallow vs Deep Copy of Objects in JavaScript

객체를 다른 객체에 복사해야 할 때 일반적으로 다음과 같은 방법을 사용합니다.


const mainObject = { id: 1 };
const secondaryObject = { ...mainObject };

로그인 후 복사

그러나 이는 개체의 얕은 속성을 복사하는 경우에만 작동합니다. 다음 코드와 같은 경우가 있으면 시나리오가 변경됩니다.


const mainObject = { id: 1, user: { name: 'John Doe', age: 30 } };
const secondaryObject = { ...mainObject };

로그인 후 복사

속성 사용자는 복사되지 않습니다. 이는 여전히 mainObject와 관련되어 있습니다. 따라서 사용자 속성을 변경하면 mainObject에도 영향을 미칩니다. 이 문제를 해결하려면 다음을 수행할 수 있습니다.


const mainObject = { id: 1, user: { name: 'John Doe', age: 30 } };
const deepCopy = JSON.parse(JSON.stringify(mainObject ));

로그인 후 복사

이제 두 개의 서로 다른 메모리 주소가 있는 mainObject의 전체 복사본이 생겼습니다.

위 내용은 JavaScript에서 객체의 얕은 복사본과 깊은 복사본의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!