javascript 에서 ... spread 연산자 란?

javascript 에서 아래와 같이 ... 을 기존 값에 붙여주어 재사용하는 경우가 있다.

let arr = [...arr, 1]

 

이런 ... 처럼 기존에 선언된 값앞에 적어주는 주는 것을 Spread 연산자라고 하며 ES6 에서 새롭게 등장하였다. 

영어 뜻 그대로 spread 즉, 펼치다는 의미이며 객체나 배열을 펼쳐서 나열 할 수 있다.

따라서 [...arr, 1] 과 같이 함께 적어주면

기존 arr 을 [1,2,3] 과 같이 다시 적어줄 필요가 없이 간단히 새로운 글자나 객체를 추가할 수 있다.

const arr = [1,2,3]
// 아래와 같이 spread 연산자를 통해 배열을 간단히 합쳐줄 수 있다.
// [1,2,3,1]
console.log([...arr, 1])