Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- TypeScript
- heroku
- MongoDB
- Component
- CLONE
- frontend
- HTML
- ECMAScript
- form
- express
- react
- Flutter
- node.js
- CSS
- 리액트
- ES6
- API
- pug
- nodejs
- 자바스크립트
- GRID
- graphQL
- Mongoose
- Session
- DART
- JavaScript
- NextJs
- javscript
- backend
- clonecoding
Archives
- Today
- Total
목록비구조화 (1)
Enjoy Programming

자 이번에 다룰 ES6는 destructuring(비구조화)이다. Destructuring이란 구조화된 배열 또는 객체를 비구조화(파괴)하여 개별적인 변수에 할당하는 것이다. 배열 또는 객체 리터럴에서 필요한 값만을 추출하여 변수에 할당하거나 반환할 때 유용하다. 쉽게말해 object나 array같은 구조 안의 요소들을 변수 바깥으로 빼내서 사용할 수 있도록 하는것이다. 먼저 object부터 보자 기존 객체에서 어떤 정보를 빼오려면~ settings.notifications.follow 이런식으로 해야 했다. 그러나 destructuring을 이용하면 value를 추출해 변수에 할당하면 된다. 음 위코드는 default까지 지정한 것이라 좀 헷갈릴 수 있으니 이 코드를 보면 더 이해가 쉽다. 아주 코드가..
JavaScript/Vanilla Js
2021. 6. 6. 11:25