[typescript] 배열의 요소 타입 지정하기

TypeScript는 JavaScript에 정적 타입을 추가한 언어로, 변수, 매개변수, 반환값 등에 타입을 명시할 수 있습니다. 이를 통해 코드의 가독성을 높이고 오류를 사전에 방지할 수 있습니다. 배열을 다룰 때에도 각 요소의 타입을 명확하게 지정할 수 있습니다.

배열의 요소 타입 명시

배열을 선언할 때 타입[] 구문을 사용하여 요소의 타입을 지정할 수 있습니다. 예를 들어, number 타입의 요소를 가지는 배열을 선언하려면 아래와 같이 작성합니다.

let numbers: number[] = [1, 2, 3, 4, 5];

위의 예제에서 number[]는 숫자 요소를 가지는 배열을 나타내며, let numbers는 해당 배열을 가리키는 변수입니다.

또 다른 방법으로는 Array<타입> 문법을 사용하는 것입니다.

let names: Array<string> = ['John', 'Alice', 'Bob'];

위 코드에서 Array<string>은 문자열 요소를 가지는 배열을 나타내며, let names는 해당 배열을 가리키는 변수입니다.

타입스크립트 4.0 이상에서 제네릭 배열 요소 타입 선언

TypeScript 4.0부터는 배열 요소의 타입을 Tuple 타입처럼 선언할 수 있습니다.

예를 들어, stringnumber의 쌍을 가지는 Tuple 배열을 선언하려면 아래와 같이 작성할 수 있습니다.

let pairs: [string, number][] = [['one', 1], ['two', 2], ['three', 3]];

요약

타입스크립트를 사용하여 배열의 요소 타입을 명시함으로써 코드의 가독성을 높이고 오류를 사전에 방지할 수 있습니다. 배열의 요소 타입을 명확하게 지정하면 의도치 않은 타입의 값이 들어오는 것을 방지할 수 있습니다.

이렇게 함으로써 코드의 안정성을 향상시키고 유지보수성을 향상시킬 수 있습니다.

참고 자료