📚 ****Reference

• 공식 문서 1
• 참고 영상 1
• 참고 자료 1

Destructuring assignment

• Object Destructuring
• 비구조화(구조 분해) 할당
  • 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식이다.
  • 구조 분해 할당 ****구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식.
• 객체{}와 배열[]에 적용할 수 있다.
• 중괄호, 대괄호

예시

• Bad Code

const person = {
	name: 'Jenny',
	age: 20, 
	phone: '0000000000'
}

function displayPerson(person){
	displayAvatar(person.name);
	displayName(person.name);
	displayProfile(person.name, person.age);
}

function displayPerson(person){
	const name = person.name;
	const age = person.age;
	displayAvatar(name);
	displayName(name);
	displayProfile(name, age);
}