비구조화 할당

-변수나 함수를 선언 할 때, 유효한 범위

객체 비구조화 할당

const obj = {
    key1: 'val1',
    key2: 'val2'
};

const {key1, key2} = obj;

console.log(key1);		// val1
console.log(key2);		// val2

객체 비구조화 할당 기본값

value값이 없을 때 기본값 사용가능

const obj = {
    key1: 'val1'
};

const {key1, key2 = 'val2'} = obj;

console.log(key1);		// val1
console.log(key2);		// val2

비구조화 할당 이름 변경

비구조화 할당할 때 이름을 변경해서 사용가능
원본에는 영향이 없음

const dog = {
    name: '멍멍이',
    type: '개'
};

const {name: nickname} = dog;

console.log(nickname);		// 멍멍이
console.log(dog);		// {name: "멍멍이", type: "개"}

배열 비구조화 할당

배열도 비구조화 할당 가능
대괄호 사용

const arr = [1, 2]

const [num1, num2] = arr;

console.log(num1);		// 1
console.log(num2);		// 2

배열 비구조화 할당 기본값

배열도 기본값 사용가능

const arr = [1]

const [num1, num2 = 2] = arr;

console.log(num1);		// 1
console.log(num2);		// 2