자바스크립트에서 배열을 다루는 것은 많은 상황에서 유용합니다. 배열을 가공하고 연산하는 작업은 프로그래밍에서 빈번하게 발생하는데, 배열 사이의 결합은 그 중 하나입니다. 이번 글에서는 자바스크립트에서 배열을 결합하는 방법에 대해 알아보겠습니다.

배열을 결합하는 방법

1. concat 메소드 사용

자바스크립트의 배열은 concat 메소드를 통해 간단하게 결합할 수 있습니다. concat 메소드는 기존 배열과 새 배열을 결합한 결과를 리턴합니다. 예를 들어, 다음과 같이 사용할 수 있습니다:

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combinedArray = array1.concat(array2);

console.log(combinedArray); // [1, 2, 3, 4, 5, 6]

위의 예제에서 concat 메소드를 사용하여 array1과 array2를 결합한 새로운 배열 combinedArray가 생성됩니다.

2. Spread 연산자 사용

ES6부터 도입된 스프레드 연산자(...)를 활용하면 더 간단하게 배열을 결합할 수 있습니다. 스프레드 연산자를 사용하면 배열을 개별 요소로 분리하여 결합할 수 있습니다. 예를 들어:

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combinedArray = [...array1, ...array2];

console.log(combinedArray); // [1, 2, 3, 4, 5, 6]

위의 예제에서 스프레드 연산자를 사용하여 array1과 array2를 결합하였으며, 결과적으로 combinedArray에는 두 배열의 요소가 모두 포함된 새로운 배열이 생성됩니다.

3. push 메소드 사용

push 메소드를 사용하여 배열 사이에 다른 배열의 요소를 추가할 수도 있습니다. push 메소드를 사용하면 해당 배열에 요소를 추가할 수 있지만, 기존 배열이 직접 변경됩니다. 예를 들어:

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];

array1.push(...array2);

console.log(array1); // [1, 2, 3, 4, 5, 6]

위의 예제에서 push 메소드에 스프레드 연산자를 사용하여 array2의 요소를 array1에 추가하였습니다. 결과적으로 array1 배열은 변경되어 저장됩니다.

결론

자바스크립트에서 배열을 결합하는 방법을 알아보았습니다. concat 메소드와 스프레드 연산자를 통해 간단하게 배열을 결합할 수 있으며, push 메소드를 사용하여도 배열을 결합할 수 있지만 기존 배열이 변경됩니다. 이러한 방법들을 통해 배열을 다룰 때 편리하게 사용할 수 있습니다.

이상으로 자바스크립트 배열 사이의 결합에 대해 알아보았습니다. 감사합니다!