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

javascript 에서 아래와 특정 데이터를 나눠서 선언하여 불러올 때 ... 으로 표시된 형식을 보는 경우가 있다.

const arr = [1,2,3]
const [a, ...rest] = arr

 

이런 ... 을 붙여 특정값을 선언하는 것을 rest 연산자라고 하며 ES6 에서 새롭게 등장하였다.

영어 뜻 그대로 rest 즉, 나머지를 의미하며 선언된 객체 전부 또는 특정 나머지 부분을 가져와 사용할 수 있다.

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

기존 배열 중 첫번째 값 1 을 a 로, 나머지 값인 [2,3] 을 rest로 자연스럽게 선언 하여 사용할 수 있다.

const arr = [1,2,3]
const [a, ...rest] = arr
// a 는 첫번째 값인 1
console.log(a)
// ...rest 는 나머지인 [2,3]
console.log(rest)