Javascript Array Destructuring

Array Destructuring

js array도 구조분해할당을 할 수 있다.

const array = [1, 2, 3];
const [a, b, c] = array;

console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

, 을 이용해서 스킵하기

, 를 이용하면 건너뛸 수 있다.

const array = [1, 2, 3];
const [, b] = array;

console.log(b); // 2

rest 사용하기

rest를 사용하면 남은 요소들을 하나의 배열로 할당할 수 있다.

const array = [1, 2, 3, 4, 5];
const [first, second, ...rest] = array;

console.log(first); // 1
console.log(second); // 2
console.log(rest); // [3, 4, 5]

const array = [1, 2, 3, 4, 5];
const [ ...rest, last] = array;

console.log(rest); // 1
console.log(last); // 2

기본값 사용하기

array 구조분해할당에서 기본값을 사용하고 싶다면 이렇게 하면 된다. 지정된 값이 없다면 기본값이 사용된다.

let array = [1];

let [a, b = 2, c = 3] = array;

console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

let array = [1, 7, 10];

let [a, b = 2, c = 3] = array;

console.log(a); // 1
console.log(b); // 7
console.log(c); // 10