참조형 데이터를 복사할 때, 복사된 데이터는 원본 데이터와 같은 메모리 주소를 참조한다.
복사된 데이터의 프로퍼티를 변경하면, 그 변경사항이 동일한 메모리 주소를 참조하는 원본 데이터에도 반영되기 때문에 원본 데이터가 변경되거나 훼손될 수 있다.
var user = {
firstName: "Woodstock",
lastName: "Lee"
};
var copyUser = function (user, newName) {
var newUser = user;
newUser.firstName = newName;
return newUser;
}
var user2 = copyUser(user, "Esther")
console.log(user.firstName, user.lastName); // Esther Lee
console.log(user2.firstName, user2.lastName); // Esther Lee
var user = {
firstName: "Woodstock",
lastName: "Lee",
personalInfo: {
mbti: "ISTJ",
bloodType: "B"
},
};
// 얕은 복사
var user2 = {...user};
// user2의 중첩된 객체를 변경
user2.personalInfo.mbti = "ESTJ";
console.log(user.personalInfo.mbti); // ESTJ
console.log(user2.personalInfo.mbti); // ESTJ
원본 객체를 변경하지 않고 새로운 프로퍼티 값을 가진 새 객체를 생성하여 원본 객체를 보호한다.
var user = {
firstName: "Woodstock",
lastName: "Lee"
};
var changeFisrtName = function (user, newName) {
return {
firstName: newName,
lastName: user.lastName,
}
}
var user2 = changeFirstName(user, "Esther")
console.log(user.firstName, user.lastName); // Woodstock Lee
console.log(user2.firstName, user2.lastName); // Esther Lee
객체의 모든 중첩된 프로퍼티까지 깊게 복사하여, 복사된 객체가 원본 객체와 완전히 독립적이게 만든다.
var user = {
firstName: "Woodstock",
lastName: "Lee",
personalInfo: {
mbti: "ISTJ",
bloodType: "B"
},
};
var deepCopy = function (obj) {
// obj가 기본형 데이터일 경우 깊은 복사가 필요 없음
if (typeof obj !== 'object' || obj === null) {
return obj; // obj를 그대로 반환
}
var copy = {};
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
copy[key] = deepCopy(obj[key]);
}
}
return copy;
}
var user2 = deepCopy(user);
user2.personalInfo.mbti = "ESTJ";
console.log(user.personalInfo.mbti); // ISTJ
console.log(user2.personalInfo.mbti); // ESTJ