[ javaScript / ES6 ] Array Destructing

ES6 부터 새롭게 생겨난 배열 destructing에 대해 알아보자. 

-  배열에 변수 할당하기 

배열에 있는 값을 새로운 변수에 할당하고 싶을 때 배열처럼 선언하면 간단해진다.

let kors = [10, 20, 30];

let [eng,math] = kors; //eng:10, math:20
let [,eng, math] = kors; // eng:20, math:30

 

-  순서 재배열

변수에 선언된 값의 서로 바꾸고 싶다? 그렇다면 배열을 이용하면 쉬워진다!

let x = 10;
let y = 20;
let z = 30;

[y, z, x] = [x, y, z]; //y : 10, z : 20, x: 30

 

- 기본값 주기

할당할 변수 이외에도 추가 선언할 변수가 있다면 기본값을 주면 된다!

let exam = {
	kor : 10,
    eng : 20,
    math : 30
};

let [kor, eng, math, com=40] = exam;

 

-  중첩된 배열 값 전달하기

아래와 같이 중첩된 배열의 경우도 마찬가지로

복잡한 연산 없이 매우 간단하게 할당이 가능하다. 

let exam = [10, 20, 30, [20, 10]];

let [kor, eng, math, [com, history]] = exam;

 

---

알고나면 편리한 기능들이 너무나 많다. 익혀서 내것으로 만들자!