배열과 튜플

배열 타입 정의하는 방법

---

1. let numArr: number[] = [1, 2, 3];

2. let boolArr: Array<boolean> = [true, false, false];

 

- 배열에 들어가는 요소들의 타입이 다양할 경우

let multiArr: (number | string)[] = [1, "hello"];

 

- 다차원 배열의 타입을 정의하는 방법

let doubleArr: number[][] = [

  [1, 2, 3],

  [4, 5],

];

 

 

 

튜플

---

길이와 타입이 고정된 배열이다.

let tup1: [number, number] = [1, 2];
tup1 = [1, 2, 3]; // 튜플 길이를 넘어서는 배열을 만들 수 없다.

 

튜플은 자바스크립트 코드로 컴파일해서 변환될 때는 배열로 변환된다.

그래서 push, pop 메서드를 사용할 수 있다.

 

여기서 문제가 발생하는데, 위의 코드에서 tup1.push(1); 코드를 작성해도 오류가 발생하지 않는다.

배열 메서드를 사용할 때 튜플의 길이 제한이 발동하지 않는다.

그 이유는??

 

어차피 자바스크립트의 배열이라고 생각하기 때문에 알아보지 못한다.

튜플 타입을 사용할 때는 주의해서 사용하자!!

 

인덱스의 위치에 따라 넣어야 하는 값이 정해져 있고 그 순서를 지키는 것이 중요할 때
튜플 타입을 사용하면 값을 잘못 넣지 않도록 막을 수 있다.

 

 

 

출처

---

https://www.inflearn.com/course/%ED%95%9C%EC%9E%85-%ED%81%AC%EA%B8%B0-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8/dashboard

한 입 크기로 잘라먹는 타입스크립트(TypeScript) - 인프런 | 강의