이번 포스트에서는 TypeScript를 사용하여 배열을 병합하는 방법에 대해 알아보겠습니다. 배열을 병합하는 것은 흔한 작업이며, 데이터 조작 및 가공에 많이 활용됩니다.

merge 함수 만들기

우선, 두 개의 배열을 병합하는 함수를 만들어 보겠습니다. 이 함수는 Array 타입의 두 배열을 입력으로 받아 하나의 배열로 병합하는 역할을 합니다.

function merge<T>(arr1: T[], arr2: T[]): T[] {
  return arr1.concat(arr2);
}

위의 코드에서 merge 함수는 T 타입의 제네릭을 사용하여 어떤 타입의 배열이든 병합할 수 있게 합니다.

반복문을 이용한 병합 함수 만들기

concat 메서드 대신에 반복문을 사용하여 두 배열을 병합할 수도 있습니다.

function mergeWithLoop<T>(arr1: T[], arr2: T[]): T[] {
  const merged: T[] = [];

  for (let i = 0; i < arr1.length; i++) {
    merged.push(arr1[i]);
  }

  for (let j = 0; j < arr2.length; j++) {
    merged.push(arr2[j]);
  }

  return merged;
}

위 예제는 mergeWithLoop 함수를 통해 두 배열을 병합하는 동작을 반복문으로 수행한 것입니다.

결과 확인하기

다음은 두 가지 함수를 사용하여 배열을 병합한 결과를 확인해보겠습니다.

const arr1: number[] = [1, 2, 3];
const arr2: number[] = [4, 5, 6];

console.log(merge(arr1, arr2)); // [1, 2, 3, 4, 5, 6]
console.log(mergeWithLoop(arr1, arr2)); // [1, 2, 3, 4, 5, 6]

결론

이제 TypeScript를 사용하여 배열을 병합하는 방법에 대해 알아보았습니다. concat 메서드를 사용하거나 반복문을 활용하여 직접 병합하는 방법을 통해 데이터를 조작할 때 유용하게 활용할 수 있을 것입니다.

참고문헌:

• MDN web docs: Array.prototype.concat()