TypeScript 배열 유형

배열은 TypeScript에서 Javascript에서와 동일하게 작동하며 유일한 차이점은 유형을 미리 정의해야 한다는 것입니다. 배열은 본질적으로 정렬된 데이터 목록입니다. Array 의 유형을 정의하는 것은 처음에는 혼란스러울 수 있으므로 작동 방식을 살펴보겠습니다.

TypeScript에서 배열 유형 정의



배열이 있으면 type[] 표기법을 사용하여 TypeScript에서 해당 유형을 정의할 수 있습니다. 예를 들어, 아래 변수arrayType는 문자열 배열일 것으로 예상됩니다.

let arrayType:string[] = [ 'hello', 'there' ]


마찬가지로 숫자 배열은 다음과 같이 정의할 수 있습니다.

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


이것은 또한 미래의 모든 배열 항목을 해당 유형으로 준수합니다. 예를 들어 string 유형으로 정의된 배열의 끝에 number를 푸시하거나 추가할 수 없습니다.

let myNumbers:number[] = [ 1, 2, 3, 4 ];
// Throws an error.
myNumbers.push("string");


TypeScript의 튜플 유형



I've already written about tuples in TypeScript here 그러나 이들은 지정된 유형의 항목 수가 정의된 배열 유형입니다. 예를 들어 stringnumber 유형의 두 요소로 배열을 정의할 수 있으며 이를 튜플이라고 합니다. 다음과 같이 하면 됩니다.

let myTuple:[ string, number ] = [ "hello", 20 ];


튜플은 임의의 길이일 수 있으며 you can learn more about how tuples are defined here 입니다.

TypeScript의 배열에 유형 혼합 저장



때때로 우리는 배열이 number 또는 string 요소로 구성된다는 것을 알지만 어떤 순서로, 얼마나 많이 구성되는지 확신할 수 없습니다. 따라서 튜플은 여기서 올바른 옵션이 아닙니다. 대신 이전과 동일한 형식을 사용하여 이와 같은 배열을 정의할 수 있으며 TypeScript에 여러 유형이 될 수 있다는 사실만 알립니다.

예를 들어, 항목이 number 또는 string 일 수 있는 길이를 알 수 없는 배열의 경우 다음과 같이 작성할 수 있습니다.

let type:(string | number)[] = [ 'hello', 'world', 20, 40, 'goodbye' ];


TypeScript에서 배열에 대한 일반 유형 형식 사용



마지막으로 TypeScript에서 Array 유형을 정의하기 위해 generic type 정의 형식을 사용할 수도 있습니다. 예를 들어 Array 숫자는 다음과 같이 정의할 수 있습니다.

let type:Array<number> = [ 0, 1, 2, 3, 4, 5 ]


또는 항목이 string 또는 number일 수 있는 배열은 다음과 같이 정의할 수 있습니다.

let type:Array<string | number> = [ 'hello', 'world', 20, 40, 'goodbye' ];


결론



TypeScript의 배열 유형을 이해하는 것은 TypeScript를 매일 사용하기 위한 기본입니다. 이 가이드가 마음에 드셨기를 바랍니다. if you want more TypeScript content, you can find it all here .

좋은 웹페이지 즐겨찾기