# 18 [udemy React 완벽 가이드 노트] 구조분해할당 (Destructuring)

배열의 원소나 객체의 프로퍼티를 추출해서 

변수에 저장할 수 있도록 해줌.

 

스프레드와 다른점 

스프레드는 

모든 원소와 프로퍼티를 가져와서 새 배열이나 객체 또는 우리가 사용하는 어떤 것에 전달함.

 

디스트럭처링은 

원소나 프로퍼티를 하나만 가져와서 변수에 저장함.

객체의 디스트럭쳐링도 배열을 디스트럭쳐링 해서 가져올 프로퍼티의 순서를 정하는 곳에 

중괄호를 넣은 동일한 구문을 사용.

//Array Destructuring

[a, b] = ['Hello', 'Max']
console.log(a)//Hello
console.log(b)//Max

//Object Destructuring

{name} = {name:'Max', age: 28}

console.log(name) // Max
console.log(age) //  undefined