[JavaScript] 자바스크립트 배열(array) 합치는 간단한 방법

자바스크립트에서 배열을 합치는 방법은 여러 가지가 있습니다. 그중에서도 가장 간편한 방법은 concat 함수를 사용하거나 ES6부터 추가된 스프레드 연산자를 사용하는 방법 이렇게 두 가지가 있을 것 같은데요. 이번 포스팅에서 그 방법에 대해 알아보도록 하겠습니다.

 

 자바스크립트 배열(array) 합치는 간단한 방법 

concat 메서드 사용하기

//사용법
배열1.concat(배열2)

See the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen.

 

배열에서 제공하는 기본 함수인 concat을 사용하는 방법으로 배열을 합치는 방법으로 가장 정석적인 방법이라고 할 수 있겠습니다. 위의 예제에서 array1과 array2를 concat으로 합쳐서 1,2,3,4,5,6이 출력된 것을 보실 수 있습니다.

 

 

스프레드 연산자(...) 활용하기

스프레드 연산자는 ES6(ECMAScript 2015)에서 도입된 기능으로, 배열이나 객체의 요소를 개별적으로 펼치는 데 사용됩니다. 배열의 경우, 배열 내부의 각 요소를 개별적으로 추출할 수 있겠습니다.

 

See the Pen 스프레드 연산자 by wjdxo513 (@wjdxo513) on CodePen.

 

스프레드 연산자를 사용해서 배열을 합칠 수 있습니다. 위의 예제에서 arrayPlus[...array1, ...array2] 이 부분을 보시면 array1과 array2의 요소들을 독립적으로 펼쳐 arrayPlus에 할당합니다. 결론적으로 arrayPlus는 1,2,3,4,5,6의 요소를 가진 배열이 되겠네요.