[JavaScript]비구조화 할당

in Study on javascript


javascript의 비구조화 할당에 대해 알아보겠습니다.

비구조화 할당

객체에 접근할 때는 다음과 같이 작성 할 수 있다.

const dog = {
    name: '몽실',
    age: 3
}

const cat = {
    name: '냥냥',
    age: 2
}

function print(pet) {
    const text = `${pet.name}이의 나이는 ${pet.age}입니다.`
    console.log(text)
}

print(dog)
print(cat)

하지만 객체의 속성을 필요할 때마다 적어줘야하는 것이 번거롭게 느껴 질 수 있다.

이 때 javascript의 비구조화 할당이라는 표현식을 사용하면, 객체 속성을 해체 하여 그 값을 개별 변수에 담을 수 있게됩니다.

const dog = {
    name: '몽실',
    age: 3
}

const cat = {
    name: '냥냥',
    age: 2
}

function print(pet) {
    const {name,age} = pet
    const text = `${name}이의 나이는 ${age}입니다.`
    console.log(text)
}

print(dog)
print(cat)