typeScript - 튜플

공부하다가 튜플이라는 것을 알게 되었습니다.

자바스크립트의 튜플은 조금 생소했으며, 현업에서 아직 써보지 못한 개념이었습니다.

 

1. 튜플이란

튜플은 자바스크립트의 배열을 확장한 기능입니다.

튜플은 배열의 함수를 모두 사용할 수 있다.

다만 제약을 걸 수 있다는 점이 다릅니다.

배열원소의 수와 원소의 타입에 제약을 걸 수 있습니다.

즉, 튜플이란 배열원소의 수를 제약하고 그 각각의 원소의 타입을 규정한 데이터 타입이라고 할 수 있습니다.

 

 

type BookInfo = [string, string, number];

const BookData: BookInfo[] = [
  ['헨리 8세', '세익스피어', 1884],
  ['헨리 8세', '세익스피어', 1884],
];

BookData.push(['title', 'author', 2021]);
BookData.push(['title', 1111, 2021]);	// 에러가 남
BookData[0][2] = 'test';	// 에러가 남

위의 예 처럼 명시된(제약된) 데이터 타입이 아니면 타이핑 시 에러를 출력합니다.
크기가 고정된 영역에 튜플을 사용하면 타이핑의 영역을 훨씬 더 확장할 수 있다는 장점이 있습니다.

하지만 튜플을 사용하려면 그 만큼 많은 용법을 알아야합니다.

또한 튜플을 사용하면서 그냥 객체배열을 쓰면 안되나 싶은 생각이 들었습니다.

튜플은 좀 더 알아봐야할 것 같습니다.