js 비구조화할당 destructuring assignment

출처 : https://velog.io/@kimhyesu-_-/JavaScript-%EB%B9%84%EA%B5%AC%EC%A1%B0%ED%99%94-%ED%95%A0%EB%8B%B9%EA%B5%AC%EC%A1%B0%EB%B6%84%ED%95%B4%ED%95%A0%EB%8B%B9

 

let fruit = ['Apple','Banana', 'Peach'];

let Apple = fruit[0];

let Banana  = fruit[1];

let Peach = fruit[2];

 

==> 대신 아래와 같이 한줄로 변수를 할당할 수 있다.

 

let fruits = ['apple','banana','peach'];

let [apple, banana, peach] = fruits;

 

console.log(apple);

console.log(banana);

console.log(peach);

 

* 하나의 값은 변수에 넣고 나머지는 한꺼번에 다른 배열로 만들 수도 있다.

전개 연산자를 사용하려면 반드시 가장 마지막 요소에 넣어줘야한다.

 

let fruits = ['apple','banana','peach', 'pear'];

let [apple, ...etc] = fruit;

 

console.log(apple); // 'apple'

console.log(etc); // [ 'banana','peach', 'pear']

 

* 할당할 값이 없는 경우 undefined가 할당된다. 기본값 지정 가능하다.

let fruits = ['apple','banana','peach'];

let [apple, banana, peach, pear='pear'] = fruits;