ES6) Javascript REST

REST != Spread

rest는 객체, 배열 그리고 함수의 파라미터에서 사용 가능하다.

객체에서의 rest

const car = {
  name: 'bmw',
  attribute: 'shape',
  color: 'black'
};

const { color, ...rest } = car;
console.log(color);  // black
console.log(rest);  // {name: 'bmw', attribute: 'shape' }

• rest 안에 color를 제외한 값이 들어가게 된다.
• 추출한 값의 이름이 꼭 rest일 필요는 없다.

배열에서의 rest

const numbers = [0,1,2,3,4,5,6];
const [one, ...rest] = numbers;

console.log(one);  // 0 
console.log(rest);  // [1,2,3,4,5,6]

• 배열 비구조화 할당을 통해 원하는 값을 밖으로 꺼내고, 나머지 값을 rest에 넣는다.

함수 파라미터에서의 rest

• 파라미터로 넣어준 모든 값들을 합해주는 함수

function sum(...rest) {
  return rest.reduce((acc, current) => acc + current, 0);
}

const result = sum(1, 2, 3, 4, 5, 6);
console.log(result); // 21

---

출처 : https://learnjs.vlpt.us/useful/07-spread-and-rest.html