Destructuring Assignment (구조분해할당)

구조분해 할당 (=비구조화할당) 이란?

: 배열이나 객체 속성을 해체하여 개별 변수에 값을 담을 수 있는 JavaScript 표현식을 말한다.
또는 구조 분해 할당이라고 명칭한다.

예제1) 객체형태의 비구조화할당

const child = {

name: "철수",
age: 13,
school: "다람쥐초등학교"

}
const name = child.name
const age = child.age
const school = child.school

const { name, age, school } =child

예제2) 배열형태의 비구조화할당

const classmates = ["철수", "영희", "훈이"]
const child1 = classmates[0]
const child1 = classmates[1]
const child1 = classmates[2]

const [ child1, child2, child3 ] = classmates

예제3) 기존 객체속성값을 변수에 한번에 할당

const child = {
	name: "영희",
    age: 7,
    school: "토끼초등학교"
}

const { age } = child
console.log(age)

// 7

예제 4) 배열형태의 비구조화 할당

function getClassmates(){
	return ["영희", "철수"]
}
const [child1, child2] = getClassmates()
console.log(child1, child2)

// 영희, 철수

아직은 익숙하지 않지만 계속 쓰다 보면 기존의 방식보다 더 편리할꺼같다.