[JavaScript] 참조에 의한 객체 복사

참조에 의한 객체복사

• 객체와 원시타입의 근본적인 차이 중 하나는 객체는 '참조에 의해(by reference)' 저장되고 복사된다.
• 원시값(문자열, 숫자, 불린 값)은 '값 그대로' 저장·할당되고 복사된다.

let message = 'Hello';
let cloneMessage = message;
cloneMessage = 'CloneHello';
console.log(message, cloneMessage); // Hello CloneHello

객체가 할당된 변수를 복사하면 동일한 객체에 대한 참조 값이 하나 더 만들어진다.

let user = { name: 'John'; }
let admin = user;
admin.name = 'Pete';
console.log(user, admin); // {name: 'Pete'} {name: 'Pete'}

객체를 서랍장에 비유하자면 변수는 서랍장을 열 수 있는 열쇠라고 할 수 있다. 서랍장은 하나({name: 'John'}), 열쇠는 두 개(user, admin), 중 admin을 사용해 서랍장을 열어 정돈 후(admin.name = 'Pete'), 또 다른 열쇠로 서랍장을 열면 정돈된 열쇠를 볼 수 있다.

 

참조에 의한 비교

let a = {};
let b = a; // 참조에 의한 복사.

console.log(a == b); // true, 두 변수는 같은 객체를 참조.
console.log(a === b); // true

아래 예시를 보면 두 객체 모두 비어있다는 점에서 같아 보이나, 독립된 객체이기 때문에 일치·동등 비교하면 거짓이 반환된다.

let a = {};
let b = {}; // 독립된 두 객체.

console.log(a === b); // false

 

중첩객체복사

let user = {
    name: 'John',
    sizes: {
        height: 182,
        width: 50
    } 
};
console.log(user.sizes.height); // 182

clone.sizes = user.sizes로 프로퍼티를 복사해도 객체를 복사할 수는 없다. user.sizes는 객체이기 때문에 참조값이 복사되기 때문.

 

---

Reference

참조에 의한 객체 복사