Portfolio


const a = {
	one: 1,
	two: 2,
};
let b = a;

b.one = 3;

console.log(a); // { one: 3, two: 2}
console.log(b); // { one: 3, two: 2}

console.log(a === b); // true a와 b는 같은 참조를 가리킨다.


let a = 1;
let b = a;

b = 2;

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


const o = { x: { y: 1 } };

// 얕은 복사
const c1 = { ...o };
console.log(c1 === o);     // false
console.log(c1.x === o.x); // true

const _ = require("lodash");
// 깊은 복사
const c2 = _.cloneDeep(o);
console.log(c2 === o);     // false
console.log(c2.x === o.x); // false


const v = 1;

// "깊은 복사"라고 부르기도 한다.
const c1 = v;
console.log(c1 === v); // true

const o = { x: 1 };

// "얕은 복사"라고 부르기도 한다.
const c2 = o;
console.log(c2 === o); // true


const o = { x: { y: 1 }};

const c1 = { ...o };
console.log(c1 === o); // false
console.log(c1.x === o.x); // true
console.log({} === {}) // false

const c1 = o;
console.log(c1 === o); // true
console.log(c1.x === o.x); // true

let o = { x: { y: 1 }, z: 1 };
o.z = 100; // X
console.log(o);

let o = { x: { y: 1 }, z: 1 };
o = { ...o, z: 100 }; // O
console.log(o);

김민기

얕은 복사와 깊은 복사

책 내용 원본 (모던 자바스크립트 Deep Dive [p.150])