14. JavaScript References VS Copying

강의 내용

• primitive type 과 reference type 비교
• primitive type은 값을 복사하므로, 서로 영향 받지 않지만, object나 array 처럼 reference type은 주소값을 복사해서 공유하므로, 서로 영향 받음
• https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures

reference type 값을 복사해 사용하면서, 원래 데이터에 영향 없도록 하려면?

// array의 경우
const team2 = players.slice() 
const team3 = [].concat(players)
const team4 = [...players]
const team5 = Array.from(players)

//object의 경우
//Object.assign(a, b, c)는 a object에 b이하의 object를 덮어쓰기
const cap2 = Object.assign({}, person, {number:99, age:12})
const cap3 = {...person}

//단, depth가 2 단계 이상이라면, deep cloning을 해야함
const dev = JSON.parse(JSON.stringify(wes))

Object.assign()

느낀 점

• 변수나 object, array를 복사해서 쓰는 경우, 반드시 원본에 영향을 주는지 여부를 사전에 체크해야 함
• 원본에 영향을 주지 않는 방법으로 복사해서 써야 함