[React] Spread , rest

Spread

말 그대로 펼친다 라는 의미로 객체나 배열을 펼칠 수 있습니다. 기존의 것을 건들이지 않고, 새로운 객체를 만든다는 것 인데요, 이러한 상황에 사용 할 수 있는 유용한 문법이 spread 입니다.

const kyuchan = {
  lastname: "moon",
  mobile : "01012341234",
  location : "seoul",
  gender : "male"
}

const add = {...kyuchan, age:"32"}
console.log(add) ---> { kyuchan의 값을 모두 가져오고 추가로 age의 값이 추가되어 출력됩니다.}

rest

spread와 비슷하지만 역할은 다릅니다. 비구조화 할당 문법과 함께 사용됩니다.

const kyuchan = {
  lastname: "moon",
  mobile : "01012341234",
  location : "seoul",
  gender : "male"
}

const {lastname, ...rest} = kyuchan
console.log(rest) ---> lastname 의 값을 제외한 나머지 값 출력