# Object assign

3개의 포스트
post-thumbnail

객체 변경하기

객체의 프로퍼티를 변경하는 방법에는 크게 2가지가 있다. 1. 객체의 프로퍼티를 직접 변경하는 방법 2. 객체를 복제하여 변경하는 방법 Q. 1번 방법이 좋은거야 2번 방법이 좋은거야? A. 대체로 2번 방법이 좋다 A.1 되돌리기 기능(Undo, Redo)을 구현하기 편하다. A.2 객체의 차이를 알기 위해 요소를 순회하지 않아도 된다. A.3 Vue.js나 React 같은 프레임워크가 HTML Elment의 리렌더링 필요성을 결정하기 수월하다. 부록 다른 방법? 경우에 따라 더 편한 방법을 사용할 수 있다. Array.structuredClone(), Lodash를 쓰기도 한다. Array.structuredClone()은 브라우저 지원여부에 따라 결정하자. ![Browser c

2022년 8월 23일
·
0개의 댓글
·

자바스크립트 깊은복사, 얕은복사, object.assign()

객체에서 깊은 복사와 얕은 복사란? 깊은복사 deep copy 객체에 중첩되어있는 객체까지 모두 복사 원시 값처럼 완전한 복사본을 만드는 것 원시값을 할당한 경우 깊은복사라 부르기도 함 obj1과 obj2는 다른 주소를 가지게 된다. > 실제로 웹 개발을 하다보면 lodash 모듈은 흔히 사용되며, 가장 손쉽게 객체의 깊은 복사를 해결하는 방법이라 할 수 있다. 얕은복사 shallow copy 한 단계 까지만 복사하는 것을 말한다. 객체에 중첩되어 있는 객체의 경우 참조 값을 복사한다. 객체를 할당한 변수를 다른 변수에 할당하는 것이라 부르기도 함. 객체를 직접 대입하는 경우 참조에 의한 할당이 이루어지므로 둘은 같은 데이터(주소)를 가지고 있다. 참조에 의한 객체 복사 객체와 원시타입의 근본적인 차이중 하나는 객체는 참조에 의해 저장되고 복사된다는 것이다. 원시값(문자열, 숫

2021년 9월 22일
·
0개의 댓글
·
post-thumbnail

JavaScript - 15

어떤 자료형을 사용할 것인가? JSON web에서 사용가능한 정보들이다. 이러한 정보들은 JSON형태의 자료구조로 오게된다. 객체로 묶여서 각 프로퍼티는 배열로 데이터묶음을 제공하고, 각 데이터들은 객체로서 주어진다. Array, Sets vs Objects or Maps 일반적인 데이터 나열이냐 키, 값의 활용성이 있느냐 에따라 사용할 자료형을 구분지을수 있다. Arrays 일반적인 리스트로서 중복이 허용하는 리스트 Sets 중복을 허용하지 않는 리스트 항목 검색등에 사용되어

2021년 4월 30일
·
0개의 댓글
·