생활코딩

Coding Everybody

TypeScript의 Array와 Tuple

토픽 생활코딩 > 언어 > TypeScript

 

TypeScript에서 Array와 Tuple의 데이터 타입

TypeScript는 JavaScript의 타입을 확장하여 개발자에게 더 강력한 타입 검사와 편의성을 제공합니다. 이 튜토리얼에서는 TypeScript에서 Array와 Tuple의 데이터 타입을 다루는 방법과 차이점에 대해 간략하게 설명하겠습니다.

1. Array 타입

TypeScript에서 배열 타입을 선언하는 방법은 두 가지입니다.

// 첫 번째 방법: 타입 + []
let arr1: number[] = [1, 2, 3];

// 두 번째 방법: Array<타입>
let arr2: Array = [1, 2, 3];

두 가지 방법 모두 동일한 결과를 가져오며 개인의 취향에 따라 선택할 수 있습니다.

2. Tuple 타입

Tuple은 고정된 길이와 타입의 배열입니다. 각 요소의 타입과 순서가 정해져 있습니다. 이는 JavaScript에는 없는 데이터 타입이며, TypeScript에서만 제공됩니다.

let tuple: [string, number, boolean] = ['Hello', 42, true];

위 예제에서는 tuple이라는 변수에 길이가 3이고, 각각 string, number, boolean 타입을 가지는 Tuple을 선언하였습니다.

Array와 Tuple의 차이점

Array와 Tuple의 주요 차이점은 다음과 같습니다.

  • Array는 길이가 가변적이며, 동일한 타입의 요소로 구성됩니다.
  • Tuple은 길이가 고정되어 있으며, 각 요소의 타입이 정해져 있습니다. JavaScript에는 없는 데이터 타입이며, TypeScript에서만 사용할 수 있습니다.

Array와 Tuple 데이터 타입을 사용하여 TypeScript에서 배열과 고정 길이 배열을 손쉽게 정의할 수 있습니다. 이를 활용하여 안전하고 유연한 코드를 작성할 수 있습니다.

댓글

댓글 본문
  1. Sansol Park
    네, 맞습니다. TypeScript에서 배열을 선언할 때는 타입을 명시해야 합니다. 이를 통해 배열이 어떤 타입의 요소를 포함해야 하는지를 명확하게 할 수 있습니다.

    따라서 let arr2: Array = [1, 2, 3]; 코드는 타입이 명시되지 않아서 오류가 발생합니다. 여기서 Array 타입은 Array<number>와 같이 구체적인 타입을 명시해야 합니다.

    따라서 올바른 코드는 다음과 같습니다:

    let arr2: Array<number> = [1, 2, 3];

    이렇게 수정하면 타입 오류가 발생하지 않습니다. TypeScript를 사용하면 이런 방식으로 코드의 안정성을 높일 수 있습니다.
    대화보기
    • 배찌
      1번에 2번
      예제 ) let arr2: Array = [1, 2, 3]; -> 타입 지정하라는 메시지가 떠서요~
      let arr2: Array<number> = [1,2,3]; 으로 수정해야하네요~
    • 민스티티아
      감사합니다.