[JS/Node]浅いレプリケーション、深いレプリケーション

リファレンスコード

let obj = {
  a: 1,
  b: 2,
  c: {
	x: 3,
    y: 4
  }
}
	

単純コピー(=、代入演算子)

let obj = {
  a: 1,
  b: 2,
  c: {
	x: 3,
    y: 4
  }
}

let copyObj = obj

浅いレプリケーション

プロパティの値が「オブジェクト」の場合。

1. Object.assign({}, obj)

let obj = {
  a: 1,
  b: 2,
  c: {
	x: 3,
    y: 4
  }
}
let copyObj = Object.assign({}, obj);
	

2.拡散演算子（拡散演算子）

ディープコピー(deepcopy)

プロパティの値が「オブジェクト」の場合。

loop=>再帰

let obj = {
  a: 1,
  b: 2,
  c: {
	x: 3,
    y: 4
  }
}
function deepCopy(obj) {
  if (obj === null || typeof(obj) !== "object") {
    return obj;
  }
    
  let copy = {};
  for(let key in obj) {
    copy[key] = deepCopy(obj[key]);
  }
  return copy;
}


// 출처: https://mygumi.tistory.com/322 [마이구미의 HelloWorld]

JSON

let obj = {
  a: 1,
  b: 2,
  c: {
	x: 3,
    y: 4
  }
}
let copyObj = JSON.parse(JSON.stringify(obj));
	
// 출처: https://mygumi.tistory.com/322 [마이구미의 HelloWorld]

ライブラリ(jQuery,lodash...)

let copyObj = $.extend(true, {}, obj);

let copyObj = _.cloneDeep(obj);