[React JS] 점 세 개(...)를 이용하여 변수와 배열 합치기 / 자바스크립트 ...의 의미

다들 자바스크립트 예제를 공부하다 

[info, ...userArray] 

이런 식으로 배열 앞에 ... 이 붙어있는 걸 볼 수 있을거다!

 

처음 보면 굉장히 당황스러운 문법...~~

이게 대체 뭘까요??

 

<... 문법>

 

 

const food = ['마라탕', '치킨', '불닭볶음면'];
const  juice = '공차';

 

(1) 배열 food와 string 변수 juice 선언하였다.

 

그렇다면 배열과 변수를 합쳐

 ['공차', '마라탕', '치킨', '불닭볶음면']

이 나오기 위해선 어떻게 해야할까요??

흠,,,,,  [juice, food]를 둘 다 써서 합쳐주면 되지 않을까요?!

 

 

 

 

땡! 변수와 배열을 합친 결과

=> ['공차', Array(3)] 로 그저 공차 + 배열로 이루어진 값이 콘솔에 찍혔습니다...

 

이럴 때 필요한 게 바로 ... 

Dot Dot Dot 함수~!!

food 배열 앞에 ...을 써주면

 

 

 

[juice, ...food]

=> (4)[공차, '마라탕', '치킨', '불닭볶음면']

 

배열 앞에 ...를 붙이면 변수 배열 안에 손쉽게 넣을 수 있답니다~!!