let array1 = ["num1", "num2"];
let array2 = ["num3", "num4"];
let sumLetArr = [...array1, ...array2];
let obj1 = { key1: "value1", key2: "value2" };
let obj2 = { key2: "newValue2", key3: "value3" };
let sumAssignObj = Object.assign({}, array1, array2);
let sumSpreadObj = { ...obj1, ...obj2 };
let testObjectAssign = Object.assign({}, 합칠것1, 합칠것2)
앞에 {}를 적어주지않으면 새로운 object를 생성하는게 아닌, 원본 합칠거1을 바꿔버린다.
let testSpreadOperator = {...합칠것1, ...합칠것2}
let { key2, ...rest } = sumSpreadObj;
console.log(rest);
sumSpreadObj 에서 key2와 rest를 추출한다.
rest를 콘솔로 찍어보면 key2를 제외한 key1과 key3가 object로 찍힌다.
rest는 '나머지' 라는 뜻이고, let으로 선언해준 변수이므로 other나.. 다른 단어로 대체할수있다.
반응형
'[Develop] 개발공부 > FE - 프론트엔드' 카테고리의 다른 글
[React] JSX 없이 React 사용하기. createElement (0) | 2022.06.17 |
---|---|
[React] 리액트 버튼 컴포넌트 만들기 (타입스크립트) (1) | 2022.06.15 |
[Javascript ] 깊은복사와 얕은복사, 그리고 원시형 참조형 데이터 (0) | 2022.05.31 |
[Javascript] Nullish coalescing operator / 널리쉬 병합 논리 연산자 (2) | 2022.05.21 |
[Javascript] for, forEach, for in, for of, map으로 반복 수행하기 (2) | 2022.05.01 |