[JavaScript] 구조 분해 할당

 

구조 분해 할당이란? (ES6)

배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식

속성을 쪼개보자..

 

사용 이유 ? 가독성! 더 쉬운 사용!

구조 분해 할당을 이용하면 객체를 정의할 때, 생성할 때 더 편해진다.

종류로는 객체 구조 분해 할당과 배열 구조 분해 할당이 있다.

// 우리가 흔히 정의하는 함수
function buildAnimal(animalData) {
    let accesory = animalData.accesory;
        animal = animalData.animal;
        color = animalData.color;
        hairType = animalData.hairType;
    ...
}


// 가독성이 뛰어나고 작성하기 쉽다! 
function buildAnimal(animalData) {
    let {accesory, animal, color, hairType} = animalData;
    ...
}

 

같은 함수이지만 정의하기가 쉽고 가독성이 뛰어나다!

 

깊게 들어간 객체 구조 분해 할당

 

 

배열 구조 분해 할당

 

 

구조 분해 할당 심화