[8일차] 비구조화할당(=구조분해할당)

객채 안의 키와 값을 별도로 선언할 때, 값이 많을 경우 일일이 빼야하는 번거로움이 있다.

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

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

갯수가 많아질수록 귀찮아짐. 이걸 조금 더 짧게 간결화 시킬 수 있다.

const {name, age, school} = child
console.log(name) // 철수

객체 뿐만 아니라 배열에서도 사용 가능하다.

const classmate = ["철수","영희","훈이"]
const child1 = classmate[0]
const child2 = classmate[1]
const child3 = classmate[2]
console.log(classmate[0],classmate[1],classmate[2])
// 철수 영희 훈이

const [child1, child2, child3] = classmate // 철수 영희 훈이

동일하게

const result = [10, 13]
result[0] // 10
result[1] // 13

const [aaa, bbb] = [10, 13]
aaa // 10
bbb // 13 

예제 1.

function getChild(){
    return {
        name:"영길",
        age:13,
        school:"오니초등학교"
    }
}

//함수 안에서 나이만 뽑이내려면
const {age} = getChild()
age // 13

예제 2.

function friends(a,b,c){
    return [c,b,a]
}

const [a,b,c] = friends("하나","둘","셋")
a
"셋"
b
"둘"
c
"하나"
//a,b,c 와 하나 둘 셋의 순서를 보자.