튜플은 각 인덱스에 대해 미리 정의된 길이와 유형이 있는 유형이 지정된 array이다.
튜플은 배열의 각 요소가 알려진 유형의 값이 될 수 있기 때문에 높은 평가를 받는다.
튜플을 정의하려면 배열의 각 요소 타입을 지정해야 한다.
보다시피 number, booleans 및 string이 있다. 그러나 잘못된 순서로 설정하려고 하면 어떻게 될까?
booleans, string 및 number가 있더라도 튜플에서 순서가 맞아야 하고, 다르면 오류가 발생한다.
좋은 방법은 튜플을 readonly
으로 만드는 것이다.
튜플에는 초기 값에 대해 강력하게 정의된 타입만 있다.
새로운 valueTuples에는 초기 값에 대해 강력하게 정의된 유형만 있다.
readonly
와 같은 액세스 수정자에 대해 자세히 알아보려면 여기에서 TypeScript Classes 섹션을 참고하자.
튜플을 다루기 전에 React를 사용한 적이 있다면 더 이해하기 좋다.
useState
는 값과 setter 함수의 튜플을 반환한다.문법예시:
const [firstName, setFirstName] = useState('Dylan')
구조를 참고하면 첫 번째 값이
sting
이고 두 번째 값이function
라는 특정 값 타입이 될 것이라는 것을 알고 있다.
명명된 튜플을 사용하면 각 인덱스에서 값에 대한 컨텍스트를 알려줄 수 있다.
명명된 튜플은 인덱스 값이 나타내는 것에 대한 더 많은 컨텍스트를 알려준다.
튜플은 배열이기 때문에 생략시킬 수도 있다.
Destructuring(구조 분해 할당)을 검토하려면 여기를 참고하자.