[JavaScript] 전개 연산자(Spread Operator)

전개 연산자는 ES6(ECMAScript6)에서 새로 추가되었습니다. 객체나 배열의 값을 하나 하나 넘기는 용도로 사용할 수 있으며 사용 방법은 점 세 개( ... )를 붙이면 됩니다.

 

전개 연산자 등장 전 배열 내용 조합

ES6 이전까지는 배열을 합칠 때 concat 함수를 사용했고 다음 예시처럼 사용합니다.

 

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [7, 8, 9];

const arr4 = arr1.concat(arr2, arr3);

console.long(arr4); // 출력 : [1, 2, 3, 4, 5, 6, 7, 8, 9]

 

ES6에서 전개 연산자를 이용하여 배열을 합칠 수 있고 다음처럼 사용합니다.

 

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [7, 8, 9];

const arr4 = [...arr1, ...arr2, ...arr3];

console.long(arr4); // 출력 : [1, 2, 3, 4, 5, 6, 7, 8, 9]