Destructuring

구조분해할당(Destructuring) = 비구조화할당

구조분해할당은 객체와 배열에 사용하는 방법이 조금 다르다.

• 객체 구조분해할당
  !키값에 따라 밸류의 값도 달라지니 키값이 매우 중요하다!

 const child = {
 	name: "철수",
    age: 13,
    school : "다람취초등학교"
 }
 
 -->
 
 const name = child.name
 const age = child.age
 const school = child.school
 
 const {name, age, school} = child

• 배열 구조분해할당
  !키값이 없기 때문에 배열 요소의 순서가 중요하다!

const calssmates = ["철수", "영희", "훈이"]

-->

const child1 = classmates[0]
const child2 = classmates[1]
const child3 = classmates[2]

const [child1, child2, child3] = classmates

! 안전한 변수 전달 ! : 인자가 지워졌을 때와 같은 상황이 발생하면 매개변수와 인자의 순서가 원하는 대로 배치되지 않아서 데이터가 오염될 수 있다. 이 때 매개변수와 인자를 {} 로 한 번 더 감싸면 매개변수와 인자의 이름이 같은 곳으로 만 데이터가 입력된다.