일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 파이어베이스
- Frontend
- TypeScript
- 비트 연산자
- react localStorage
- 브라우저
- 컴포넌트
- 프로그래머스
- Reducer
- state
- localstorage
- Component
- 프론트엔드
- JavaScript
- axios
- 타입스크립트
- 리액트
- 프리온보딩
- Redux
- til
- array
- v9
- 자바스크립트
- CORS
- es6
- 알고리즘
- react
- firebase
- JS
- 원티드
Archives
- Today
- Total
목록deep copy (1)
도리쓰에러쓰
[JavaScript] 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy)
1. 얕은 복사(Shallow Copy) 얕은 복사(Shallow Copy)는 참조값의 복사를 나타낸다. const obj = { a: 1 }; const copyObj = obj; copyObj.a = 2; console.log(obj.a); // 2 console.log(obj === copyObj); // true obj라는 객체를 copyObj라는 객체에 복사하여 copyObj.a값을 변경하였더니 기존의 obj.a값도 같이 변경되었다. 마찬가지로 두 객체를 비교해봐도 true가 나온다. 이렇게 자바스크립트의 참조 타입은 얕은 복사(Shallow Copy)가 된다고 볼 수 있으며, 이는 데이터가 그대로 생성되는 것이 아닌 해당 데이터의 참조 값을 전달하여 한 데이터를 공유하는 것이다. 2. 깊은 복..
JavaScript/JS
2022. 8. 8. 15:25