자바스크립트 concat() 함수 배열 합치기

자바스크립트에서 concat() 함수는 배열을 결합하는 데 사용되는 메서드입니다. 이 메서드는 두 개 이상의 배열을 합쳐서 새로운 배열을 생성합니다. 원본 배열은 변경되지 않으며, 새 배열이 반환됩니다.

 

기본 문법

let newArray = array1.concat(array2, array3, ..., arrayN);

 

매개변수

• array1, array2, ..., arrayN: 결합할 배열입니다. 하나 이상의 배열을 인자로 전달할 수 있으며, 배열 이외의 값도 포함될 수 있습니다. 배열 이외의 값은 배열 형태로 변환되어 결합됩니다.

예제

 

1. 기본 배열 결합: 두 개의 배열을 결합하는 예제입니다.

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combined = array1.concat(array2);
console.log(combined); // [1, 2, 3, 4, 5, 6]

 

2. 여러 배열 결합: 여러 배열을 결합하는 예제입니다.

const array1 = [1, 2];
const array2 = [3, 4];
const array3 = [5, 6];
const combined = array1.concat(array2, array3);
console.log(combined); // [1, 2, 3, 4, 5, 6]

 

3. 배열과 값 결합: 배열과 단일 값을 결합하는 예제입니다.

const array1 = [1, 2, 3];
const combined = array1.concat(4, 5);
console.log(combined); // [1, 2, 3, 4, 5]

 

4. 중첩 배열 결합: 배열 내부에 배열이 있는 경우, 중첩 배열을 단순히 결합합니다.

const array1 = [1, 2];
const array2 = [3, [4, 5]];
const combined = array1.concat(array2);
console.log(combined); // [1, 2, 3, [4, 5]]

 

주의사항

• concat() 메서드는 원본 배열을 변경하지 않고 새로운 배열을 반환합니다.
• concat() 메서드는 깊은 복사를 수행하지 않기 때문에, 배열의 요소가 객체일 경우, 객체 참조가 복사됩니다. 즉, 원본 배열의 객체가 새로운 배열에서도 동일한 객체를 참조하게 됩니다.

 

이 메서드는 배열을 결합하는 작업을 간편하게 수행할 수 있게 해줍니다. 하지만, 현대의 자바스크립트에서는 배열의 전개 연산자 (...)를 사용하여 비슷한 작업을 더 간결하게 수행할 수도 있습니다.

 

배열 전개 연산자 예제

const array1 = [1, 2];
const array2 = [3, 4];
const combined = [...array1, ...array2];
console.log(combined); // [1, 2, 3, 4]