구조분해할당

📖 구조분해할당

• 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식
• 간단하게 말해보자면 구조분해할당을 통해 객체나 배열의 일부분만 분해하여 사용할 수 있다.

배열 구조분해할당

let names = ['Lee', 'choongnyeong'];

let [firstName, lastName] = names;

console.log(firstName);
console.log(lastName);

구조분해할당을 통해 반복문을 쓰지 않고 배열 각 요소에 접근할 수 있다.

객체 구조분해할당

let profile = {
    firstName : 'Lee',
    lastName : 'choongnyeong',
    age : 25,
    location : 'incheon'
};

let {firstName, lastName, age, location} = profile;

console.log(firstName);
console.log(lastName);
console.log(age);
console.log(location);

배열 분해와 동일하게 객체 각 키값에도 접근할 수 있다.

매개변수 구조분해할당

let profile = {
    firstName : 'Lee',
    lastName : 'choongnyeong',
    age : 25,
    location : 'incheon'
};

function introduce({firstName, lastName, age, location}) {
    console.log(firstName);
    console.log(lastName);
    console.log(age);
    console.log(location);
}

introduce(profile);

함수의 매개변수로 지정하여 사용할수도 있다.

참고
구조분해할당-mozila
구조분해할당-javascript.info