얕은 복사(Shallow Clone)

얕은 복사(Shallow Clone)

- Object.assign()

우선, 객체의 속성을 복사할 때 사용하는 Object.assign()입니다.

첫번째 인자로 들어오는 객체에다가 두번째 인자로 들어오는 객체의 프로퍼티들을 복사합니다.

const obj = { a: 1, b: 2 } 
const target = { c: 3 } 

const copiedObj = Object.assign(target, obj) 

console.log(copiedObj) //{c: 3, a: 1, b: 2}

Object.assign()에게도 한가지 문제점이 있는데요.

복사하려는 객체의 내부에 존재하는 객체는 완전한 복사가 이루어지지않는다는 점입니다.

const person = { 
	age: 100, 
    name: { 
    	first: "junwoo", last: "park", 
    }, 
} 

const copied = Object.assign({}, person) 

person.age = 1000 
person.name.first = "paul" 

console.log(copied.age) // 100 
console.log(copied.name.first) // 'paul'

person객체의 프로퍼티를 바꿨더니, copied 객체의 프로퍼티가 바뀐것을 볼 수 있습니다.

 

https://junwoo45.github.io/2019-09-23-deep_clone/

자바스크립트 객체 복사하기