본문 바로가기
Typescript

[Typescript] 배열

by mtm1018 2025. 6. 30.

타입스크립트에서 배열의 타입을 정해줄 때,


[ ]를 붙여표기합니다.

 

이 포스팅에서는 배열 타입을 지정해 주는것과 튜플, 그리고 제네릭타입에 대해서 공부해봅니다.


배열 타입 지정방법

let arr:number[] = [1,2,3]

let strArr = string[] = [a,b,c]

let booleanArr = boolean = [true,false]

 

예시 코드와 같이 자료형 옆에 [ ]를 붙여야 합니다


 

 

튜플은 배열안의 데이터 갯수까지 정해주는것이 튜플입니다.

 

사용방법은 배열안의 데이터 갯수만큼 타입을 지정해주는 [ ]안에 타입을 지정하면 됩니다.

let arr:[number,number,number] = [1,2,3]

let arr2:[number,string] =[1,'hi',true] // error

let arr3:[number,string] = ['hi',1] / /error

 

위 예시에서 보시다시피 튜플을 지정해 줄때는 배열 데이터값의 순서도 맞춰줘야하고, 갯수도 맞춰줘야합니다.

 

또한, 배열안의 값에대해 추가하거나 제거할때 오류를 발생시키지 않으므로 주의가 필요합니다.


 

제네릭타입을 통해 배열안 값의 타입을 고정시켜 줄 수도 있습니다.

 

아래의 예시를 통해 보겠습니다..

let str:Array<string> = ['a','b','c']

let _str:Array<string> = [1,2,3] // error

'Typescript' 카테고리의 다른 글

[Typescript] generic  (0) 2025.07.01
[Typescript] keyof & typeof 연산자  (1) 2025.07.01
[Typescript] Object  (0) 2025.06.14
[Typescript] Ts로 DOM조작하기  (0) 2025.06.14
[Typescript] Literal type  (0) 2025.06.08