구조 분해 할당

구조 분해 할당이란 배열이나 객체의 속성을 분해해서 변수에 할당하는 방법이다.

구조 분해 할당 방법

const user = {
    name: 'Kim',
    age: 27,
    address: 'Korea'
}

const {name,age,address} = user;

console.log(name);
// Kim

user 객체에서 name, age, address를 변수 이름으로 할당했고, 이 변수를 각각 호출하게 되면 user 객체 안에 있는 name의 value를 출력한다.

💡 만약에 아래의 예시처럼 address가 user 객체 안에 없다면 기본값을 지정해줘서 사용이 가능하다.
기본값을 지정해줘도 user안에 key값이 있다면 user안에 있는 값이 우선순위로 적용이 된다.

const user = {
    name: 'Kim',
    age: 27,
}

const {name,age,address = 'Korea'} = user;

console.log(address);
// Korea

💡 객체를 구조 분해 할당으로 지정해준 값의 변수 이름을 따로 바꾸고 싶다면 변수명을 :을 사용하여 변경해주면, 호출할 때 변경된 변수의 이름으로 호출할 수 있고 출력되는 값은 변수의 내용이 아닌 이름만 바뀌었기 때문에 user의 address에 있는 부분이 호출되게 된다.

const user = {
    name: 'Kim',
    age: 27,
    address: 'Korea'
}

const {name,age,address:country} = user;

console.log(country);
// Korea