본문 바로가기

개발정보

구조 분해 할당

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