[typescript] 유니온 타입을 사용하여 배열을 처리하는 방법은 무엇인가요?

배열 유니온 타입 정의하기

배열의 유니온 타입을 정의하려면 Union 타입을 사용합니다. 예를 들어, numberstring 타입으로 이루어진 배열을 정의하려면 다음과 같이 작성합니다.

let arr: (number | string)[] = [1, 'two', 3, 'four'];

위 예제에서 arrnumber 또는 string 타입을 가진 값들을 가지는 배열입니다.

배열의 유니온 타입 사용하기

배열에 대해 반복문을 사용하거나 배열의 특정 요소를 접근할 때, 유니온 타입을 고려하여 처리해야 합니다. 타입 가드를 사용하여 요소의 실제 타입을 확인하는 등의 방법을 사용할 수 있습니다.

예를 들어, typeof 연산자를 사용하여 배열의 원소가 number인지 string인지 확인할 수 있습니다.

for (let item of arr) {
    if (typeof item === 'number') {
        // item은 number 타입일 때 처리
    } else {
        // item은 string 타입일 때 처리
    }
}

배열 유니온 타입과 타입 가드 활용하기

TypeScript에서 유니온 타입을 사용하는 배열을 다룰 때, 타입 가드를 활용하여 각 요소의 실제 타입에 따라 다른 동작을 수행할 수 있습니다.

이를 통해 유니온 타입을 가진 배열을 보다 안전하게 다룰 수 있습니다.

이상으로 TypeScript에서 유니온 타입을 사용하여 배열을 처리하는 방법에 대해 살펴봤습니다. 어떤가요? 도움이 되었기를 희망합니다!