구조분해할당

자바스크립트에서는 객체와 배열을 가장 많이 사용하는데 이를 사용하다보면 객체와 배열 안에 전체 데이터가 아닌 일부 데이터만 필요할 떄가 있다. 이럴 때 새로운 변수로 객체와 배열을 분해 할 수 있게 해주는 문법이 구조 분해 할당이다. 아래 예시를 참고해보자

분해하기

let name = ["철수","짱구","강백호"]
let [name1,name2,name3] = name
console.log(name1) => 철수
 console.log(name2) => 짱구
  console.log(name3) => 강백호

이런 구조분해 과정에서 새로운 변수에 데이터를 담아 줄 뿐이지 기존의 name 데이터는 변하지 않는다.

나머지(rest)요소 가져오기

배열에서 앞쪽의 어느 부분만 필요하고 나머지 데이터는 다른 변수에 담고싶을 때 ...을 이용한다.
아래 예시를 참고해보자

...(rest)

let [name1 , name2, ...rest] = ["철수","짱구","하니","강백호"]
console.log(nmae1) => 철수
console.log(name2) => 짱구
console.log(rest[0]) => 하니
console.log(rest[1]) => 강백호