Spread Operator?

MDN에서 이야기하는 스프레드 연산자는 다음과 같다.

전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있습니다.

ES6에 추가된 문법으로 활용도가 높은데, 볼때마다 어색해서 간단한 예제로 정리하려고 한다.

스프레드 연산자를 사용하면 배열, 문자열, 객체 등 반복 가능한 객체 (Iterable Object)를 개별 요소로 분리할 수 있습니다.

예제로 익히기

배열의 연속된 값 더하기

function sum(x, y, z) {
  return x + y + z;
}

const numbers = [1, 2, 3];

console.log(sum(...numbers));
// 6

배열 합치기

const arr1 [1,2,3];
const arr2 [4,5,6];
const arr3 = [...arr1, ...arr2];
console.log(arr3);
// [1,2,3,4,5,6]