destructuring assignment

구조분해할당이란 구조화 되어있는 배열, 객체와 같은 데이터를 분해하여 각각의 변수에 다시 할당하는 것을 이야기한다

• 배열의 구조분해할당

const arr = [ 1, 2, 3, 4, 5 ];
let [ one, two ] = arr;

console.log(one, two) // 1 2

대괄호 안에 변수명으로 사용하고자 하는 문자를 입력해주고 뒤에 구조분해 할 배열을 입력하면 된다

• 객체의 구조분해할당

const obj = {
	name: "otter",
	gender: "male"
}

let { name, gender } = obj
console.log(name, gender) // otter male

객체의 경우 중괄호 안에 변수명을 담아주는데 이 때 변수명은 obj 객체 안에 존재하는 property의 key를 적어주어야 그에 대응하는 value들을 해당 변수에 담아준다

const obj = {
	name: "otter",
	gender: "male"
}
let { name: a, gender: b } = obj
console.log( a, b ) // otter male

만약 별도의 변수명으로 관리하고 싶으면 위처럼 사용하여 name의 변수명을 a로 gender의 변수명을 b로 지정할 수 있다