Web Dev/Javascript
Javascript 문법 - 얕은 복사 (spread연산자) / 깊은 복사(JSON메서드) : 백엔드
이준호
2023. 3. 2. 17:24
반응형
//얕은 복사 -> 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: '다람쥐초등학교' }
반응형