본문 바로가기
Javascript

비구조화할당

by jennyiscoding 2022. 6. 28.

비구조화할당= 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식

ex1)

test.js

const studnt = {

apple="사과",

banana="반하나",

kiwi="키위"}

 

const{apple,banana,kiwi} = student

console.log(apple) ==> 이거 하면 사과 나온다! 

 

어떻게 이해해야 하냐면 const{apple,banana,kiwi} = student 에서 

apple, banana, kiwi값 student에서 뽑아와~ 라는 의미임. 

 

ex2)

다음은 배열이다. 배열은 index값이 자동으로 주어지므로 차례대로 할당된다. 

const user = ["김사과","반한","다람쥐"]
const [kim,ban,oh] = user
console.log(kim)

답은 김사과.

 

ex3)

다음 예 역시 name,age,weight 변수를 잘 가져온다. 

const dog = {
    name : "루시",
    age : 11,
    weight : 3.5
}

function print({name,age,weight}){
    console.log(`
    우리집 강아지 이름은 ${name}이고
    나이는 ${age}살이며 몸무게는 ${weight}
    kg입니다
    `);
}
print(dog);