[typescript] 다중 타입을 활용하여 배열을 다루는 방법을 알려주세요.

보통 배열은 동일한 타입의 요소들을 포함하는데 사용됩니다. 그러나 때로는 여러 타입의 요소를 포함하는 배열을 다룰 필요가 있습니다. TypeScript에서는 이를 위해 유니언 타입(Union Types)을 사용할 수 있습니다.

다음은 숫자와 문자열을 포함하는 배열을 다루는 예제입니다.

// 숫자와 문자열을 포함하는 배열
let arr: (number | string)[] = [1, 'two', 3, 'four', 5];

// 배열의 요소를 순회하며 타입에 따라 다른 동작 수행
arr.forEach((element) => {
    if (typeof element === 'number') {
        console.log(`숫자: ${element}`);
    } else if (typeof element === 'string') {
        console.log(`문자열: ${element}`);
    }
});

위의 예제에서 number | string은 숫자 또는 문자열 타입 중 하나를 나타냅니다. 이러한 방식으로 유니언 타입을 사용하여 다중 타입을 가지는 배열을 생성하고 다룰 수 있습니다.

이를 통해 TypeScript에서는 다양한 타입의 요소를 포함하는 배열을 유연하게 다룰 수 있음을 알 수 있습니다.

더 자세한 정보는 TypeScript 공식 문서를 참고하시기 바랍니다. (https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#union-types)