[TypeScript] 타입스크립트 배열과 튜플

1. 배열

1-1. 배열 선언

// 1
const numArr: number[] = [1, 2, 3];

// 2
const strArr: string[] = ["a", "b", "c"];

// 3 제네릭 방식
const boolArr: Array<boolean> = [true, false];

// 4 여러 타입의 배열 (유니온)
const arr: (number | string)[] = [1, "a"];

// 5 다차원 배열
const arr: number[][] = [[1, 2], [3, 4]];

 

2. 튜플

튜플은 사실 자바스크립트에는 없는 문법입니다.

길이와 타입이 고정된 배열을 만들 수 있습니다.

 

const tp: [number, number] = [1, 2];

// 다양한 타입
const tp: [number, string, boolean] = [1, "a", false];

 

하지만 튜플도 배열이기에 push 를 이용해 요소를 추가할 수 있습니다.

 

튜플은 타입과 개수를 지정할 수 있기에 오류를 방지할 수 있습니다.

const arr: [string, number][] = [
  ["a", 1],
  ["b", 2],
  ["c", 3],
  ["d", 4],
  [5, "e"], // 오류 발생
];