일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
- CLI
- 알고리즘
- 영어
- state hook
- 실행컨텍스트 면접
- 로컬상태
- css
- npm 에러
- 개발공부
- CORS
- 영어공부
- 실행컨텍스트란
- 실행컨텍스트자바스크립트
- Mini Node Server
- 전역상태
- .current
- useRef역할
- 실행컨텍스트 실행과정
- 실행컨텍스트스택
- Block
- .env
- 실행컨텍스트 동작과정
- 고차함수
- 실행컨텍스트콜스택
- 노마드코더
- html
- styled-component
- 객체
- 개발일기
- 그래머인유즈
- Today
- Total
목록[Js Node]/스코프 , 클로저 , Spread , Rest (2)
오늘도 삽질중
구조 분해할당(Destructing) - 배열과 객체의 속성을 해체하여 그 값을 개별 변수로 받는방법 예시 const arr = [1,2,3] const [first, second, third] = arr let x,y,z [x,y,z] = arr; 예시 let x, y, z; [x, y] = [1, 2]; console.log(x, y); // 1 2 [x, y] = [1]; console.log(x, y); // 1 undefined [x, y] = [1, 2, 3]; console.log(x, y); // 1 2 [x, , z] = [1, 2, 3]; console.log(x, z); // 1 3 // default value [x, y, z = 3] = [1, 2]; console.log(x, y..
Spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을때에 사용한다. function sum (x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...numbers)//6 Spread 연산자는 ...을 통해 사용할 수 있다. MDN을 통해 Spread 연산자 설명을 보면 전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0 개 이상인 인수 (함수로 호출할 경우)또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있다. 라고 되어있는데 아래 콘솔로그를 보는것이 더 이해하기 쉬울것이다. 위처럼 arr를 Spread 연산자로 콘솔로그를 찍어보면 배열이 아닌 ..