[javascript] Destructuring문법

Destructuring 문법

[ ]에 데이터를 넣거나 가져올 때 사용

• 원래 선언, 값 빼내는 방법
  let array = [2,3,4]
  let first = array[0]
  let second = array[1]

• Destructing문법으로 요약하면 아래 코드임
  let [a,b,c] = [2,3,4]

default값 줄 수 있음

let [a,b,c = 5] = [2,3,4]

{ }에 데이터를 넣거나 가져올 때 사용

• 원래 선언, 값 빼내는 방법
  let array = { name : 'kim', age : 30 }
  array.name

• Destructing문법으로 요약하면 아래 코드임
  let { name : a, age : b } = { name : 'kim', age : 30 }

• {} 이렇게 넣을 수도 있음
  var name = 'Kim';
  var age = 30;
  var obj = { name, age }

연습문제

아래 {}에서 데이터를 뽑아서 변수 만들어보기

let 신체정보 = {
body: {
height: 190,
weight: 70
},
size: ["상의 Large", "바지 30인치"],
};

let {
  body: {
    height,
    weight
  },
  size: [ 상의, 하의 ]
} = 신체정보;