JavaScript에서 두 개의 배열을 하나의 새 배열로 합치는 방법 – concat() 활용하기

JavaScript에서 두 배열을 새 배열로 합치기

JavaScript에서 두 개의 배열을 하나의 새로운 배열로 합치고 싶다면 concat() 메서드를 사용하면 됩니다. concat()은 원본 배열을 변경하지 않고, 두 배열의 요소를 모두 포함하는 새로운 배열을 반환합니다.

먼저 다음과 같이 첫 번째 배열이 있다고 가정해 보겠습니다.

var firstArray=["John","David","Bob","Mike"];

두 번째 배열은 다음과 같습니다.

var secondArray=["Chris","Adam","James","Carol"];

위의 두 배열을 새로운 배열에 합치려면 concat() 메서드를 사용합니다.

예제 코드

다음은 전체 코드입니다.

var firstArray=["John","David","Bob","Mike"];
var secondArray=["Chris","Adam","James","Carol"];
var thirdArray=firstArray.concat(secondArray);
console.log("First Array value=");
console.log(firstArray);
console.log("Second Array value=");
console.log(secondArray);
console.log("Third Array value=");
console.log(thirdArray);

위 프로그램을 실행하려면 Node.js 환경에서 다음 명령어를 입력합니다.

node fileName.js

여기서는 파일 이름이 demo249.js입니다.

실행 결과

코드를 실행하면 콘솔에 다음과 같은 출력이 표시됩니다.

PS C:\Users\Amit\javascript-code> node demo249.js
First Array value=
[ 'John', 'David', 'Bob', 'Mike' ]
Second Array value=
[ 'Chris', 'Adam', 'James', 'Carol' ]
Third Array value=
[
   'John',  'David',
   'Bob',   'Mike',
   'Chris', 'Adam',
   'James', 'Carol'
]

concat() 메서드의 특징

참고: concat() 메서드는 원본 배열인 firstArray와 secondArray를 절대 변경하지 않습니다. 대신 두 배열의 모든 요소를 순서대로 담은 완전히 새로운 배열을 반환합니다. 또한 concat()은 인수를 여러 개 전달할 수 있어, 세 개 이상의 배열도 한 번에 합칠 수 있습니다. 예를 들어 firstArray.concat(secondArray, thirdArray)처럼 사용하면 세 배열이 모두 하나의 새 배열로 병합됩니다.