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

 

객체의 예시

const myObj = {
	name: "Max",
    age: 28
}
const {name} = myObj;
console.log(name); // prints 'Max'
console.log(age); // prints undefined
console.log(myObj); // prints {name: 'Max', age: 28}

 

함수 내 name만을 호출하는 방법 두가지 예시

1. 

const printName = (personObj) => {
    console.log(personObj.name);
}
printName({name: 'Max', age: 28}); // prints 'Max'

 

 

2. 위의 함수를 줄인버전 

const printName = ({name}) => {
    console.log(name);
}
printName({name: 'Max', age: 28}); // prints 'Max'

Destructuring을 통해, name property를 가져와 name 이라는 이름의 변수/인수에 저장하고 함수 본문에서 사용할 수 있습니다.