얕은 복사, 깊은 복사

🎪 얕은 복사

바로 아래 단계의 값만 복사하는 것

🎪 깊은 복사

내부의 모든 값들을 하나하나 찾아서 전부 복사하는 것

 

👉🏻 깊은 복사를 하는 방법

1. 객체의 깊은 복사를 수행하는 범용 함수 사용하기

var copyObjectDeep = function(target) {
  var result = {};
  
  if (typeof target === 'object' && target !== null) {
    for (var prop in target) {
      result[prop] = copyObjectDeep(target[prop]);
    }
  } else {
    result = target;
  }
  return result;
}

이 함수를 사용해 객체를 복사한 다음에는 원본과 사본이 서로 완전히 다른 객체를 참조하게 되어 어느 쪽의 프로퍼티를 변경하더라도 다른 쪽에 영향을 주지 않는다.

 

 

2. 객체를 JSON 문법으로 표현된 문자열로 전환했다가 다시 JSON 객체로 바꾸는 것.

var copyObjectViaJSON = function(target) {
  return JSON.parse(JSON.stringify(target));
};

var obj = {
  a: 1;
  b: {
     c: null,
     d: [1, 2],
     func1: function () { console.log(3); }
  },
  func2: function () { console.log(4); }
};

var obj2 = copyObjectViaJSON(obj);

obj2.a = 3;
obj2.b.c = 4;
obj.b.d[1] = 3;

console.log(obj);  // { a: 1, b: { c: null, d: [1, 3], func1: f() }, func2: f() }
console.log(obj2);  // { a: 3, b: { c: 4, d: [1, 2] } }