구조 분해 할당

2022. 3. 9. 16:45·개발정보
반응형

1. 구조 분해 할당 ?

배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. 

var a, b, rest;
[a, b] = [10, 20];
console.log(a); // 10
console.log(b); // 20

[a, b, ...rest] = [10, 20, 30, 40, 50];
console.log(a); // 10
console.log(b); // 20
console.log(rest); // [30, 40, 50]

({ a, b } = { a: 10, b: 20 });
console.log(a); // 10
console.log(b); // 20


// Stage 4(finished) proposal
({a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40});
console.log(a); // 10
console.log(b); // 20
console.log(rest); // {c: 30, d: 40}

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'개발정보' 카테고리의 다른 글

바인딩  (2) 2022.05.02
브라우저 캐싱  (1) 2022.04.12
디자인 패턴  (1) 2022.04.02
비즈니스 로직  (1) 2022.04.01
오버헤드  (1) 2022.03.11
'개발정보' 카테고리의 다른 글
  • 브라우저 캐싱
  • 디자인 패턴
  • 비즈니스 로직
  • 오버헤드
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    네이버 부스트캠프
    자바스크립트
    리얼클래스
    바질 키우기
    Node.js
    덤프
    식물
    리얼학습일기
    Docker
    프로그래머스
    다이소
    영어독학
    next.js
    CSS
    ReactNative
    ChatGPT
    바질
    영어회화
    타입스크립트
    redux
    타일러영어
    javascript
    네트워크
    리액트
    webpack
    알고리즘
    typescript
    Babel
    react
    CCNA
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
구조 분해 할당
상단으로

티스토리툴바