배열, 튜플, 열거형

타입스크립트에서 원시 타입 외에 참조 타입을 사용하는 방법에 대해 알아보겠습니다.

🏗 배열(Array)

const array1: number[] = [1, 2, 3, 4, 5];
const array2: Array<number> = [1, 2, 3, 4, 5];

배열 타입을 사용하는 방법은 두 가지가 있는데, 기능적인 차이는 없으니 눈에 익은 스타일 또는 팀 컨벤션대로 사용하면 됩니다.

🛢 튜플(Tuple)

const pointX: [string, number] = ["x", 255];
const pointY: [string, number] = ["y", 0];

// 트랜스파일 결과
const pointX = ["x", 255];
const pointY = ["y", 0];

튜플은 배열과 유사하게 생겼지만 배열과는 달리 여러 타입의 원소가 존재할 수 있다는 특징이 있습니다.

다만 컴파일 후의 결과는 배열과 동일합니다.

🔢 열거(enum)

enum Color {Red = 1, Green, Blue};
const color: Color = Color.Green;

// 트랜스파일 결과
const Color;
(function (Color) {
    Color[Color["Red"] = 1] = "Red";
    Color[Color["Green"] = 2] = "Green";
    Color[Color["Blue"] = 3] = "Blue";
})(Color || (Color = {}));
;
const color = Color.Green;
console.log(color);

C++과 자바에서 등장하는 열거형 역시 사용할 수 있습니다.

첫 번째로 시작하는 열거값에 따라 이어지는 값들 역시 결정되며, 열거값간 간격은 1입니다.