반응형
//얕은 복사 -> 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: '다람쥐초등학교' }
반응형
'Web Dev > Javascript' 카테고리의 다른 글
Javascript : 웹페이지 원하는 위치에 애니메이션 focus 주는 방법 feat JQuery 방법 (0) | 2023.06.12 |
---|---|
Javascript 문법 - 구조분해할당(Destructing) (0) | 2023.05.24 |
Javascript : table 태그 name ,id 값으로 행과 열 구분하여 checkbox 체크 가능 범위 조절하는 함수 (0) | 2023.05.17 |
JavaScript 자바스크립트의 관대함 this, argument (0) | 2023.03.23 |
JS Rest 파라미터 사용 방법 간단한 예제로 알려드립니다 (0) | 2023.03.21 |
Javascripte웹 백엔드 학습 No.1 : Token 만드는 코드 -> Farcade Pattern (0) | 2023.03.02 |