본문 바로가기

Web Dev/Javascript

Javascript 문법 - 얕은 복사 (spread연산자) / 깊은 복사(JSON메서드) : 백엔드

반응형

//얕은 복사  -> spread ... 문법 사용

const child1 = {
    name: "철수",
    age: 13,
    school: "다람쥐초등학교"
}

const child2 = { ...child1 }

child2.name = "영희";

console.log('child1', child1)
console.log("child2", child2)


//깊은 복사 -> JSON 문법사용 or lodash ->  공부

const child3 = {
    name: { first: "김", last: "철수" },
    age: 13,
    school: "다람쥐초등학교"
}

const child4 = JSON.parse(JSON.stringify(child3)); //완전 새로운 객체 
child4.name.first = "최";
child4.name.last = "영희";

console.log("child4", child4)

결과

child1 { name: '철수', age: 13, school: '다람쥐초등학교' }
child2 { name: '영희', age: 13, school: '다람쥐초등학교' }
child4 { name: { first: '최', last: '영희' }, age: 13, school: '다람쥐초등학교' }
반응형