JavaScript _ 스프레드 연산자로 배열 합치기

자바스크립트에는 스프레드 연산자라는 것이 있습니다.

형태는 '...arr' 이렇게 생겼습니다.

 

보통 배열을 합치거나 복사할 때 사용가능하고 함수에도 사용할 수 있습니다.

 

 

 

사용법은 다음과 같습니다.

 

1. 배열을 합칠 때

let a = [1,2,3,4,5];
let b = [5,5,5,5,5];
let c = [...b, ...a];

console.log(c)


>>> [ 5, 5, 5, 5, 5, 1, 2, 3, 4, 5 ]

스프레드 연산자 '점점점'과 배열 변수명을 요소로 넣으면 됩니다.

 

 

 

2. 배열을 복사 할 때

let a = [1,2,3,4,5];
let d = [...a]

console.log(d)


>>> [ 1, 2, 3, 4, 5 ]

위와 동일한 방법으로 해당 배열을 복사할 수도 있습니다.

이렇게 복사한 배열은 원본에 영향을 주지 않습니다. 

 

 

 

 

3. 함수에서 사용할 때

function sum(...items){
  let sum = 0;
  for (let item of items){
    sum += item;
  };
  return sum;
};

console.log(sum(1, 2, 3, 4, 99))


>>> 109

함수의 파라미터에 스프레드 연산자를 표기하면 

실제 함수에 인자로 넣는 값들을 배열로 묶어 연산해줍니다.

 

1, 2번 처럼 배열을 인자로 넣는게 아님을 유의해주세요.

여기서의 스프레드 연산자는 개별 인자들을 배열로 묶어주는 역할을 합니다.

 

 

스프레드 연산자를 알아두면 배열을 적절하게 활용할 수 있습니다.