TypeScript Tutorial.6

ansunny1170·2022년 5월 30일
0

w3schools.TS Tutorial

목록 보기
6/18
post-thumbnail

TS Tuples

Typed Arrays

튜플은 각 인덱스에 대해 미리 정의된 길이와 유형이 있는 유형이 지정된 array이다.

튜플은 배열의 각 요소가 알려진 유형의 값이 될 수 있기 때문에 높은 평가를 받는다.

튜플을 정의하려면 배열의 각 요소 타입을 지정해야 한다.

보다시피 number, booleans 및 string이 있다. 그러나 잘못된 순서로 설정하려고 하면 어떻게 될까?

booleans, string 및 number가 있더라도 튜플에서 순서가 맞아야 하고, 다르면 오류가 발생한다.

Readonly Tuple

좋은 방법은 튜플readonly으로 만드는 것이다.

튜플에는 초기 값에 대해 강력하게 정의된 타입만 있다.

새로운 valueTuples에는 초기 값에 대해 강력하게 정의된 유형만 있다.

readonly와 같은 액세스 수정자에 대해 자세히 알아보려면 여기에서 TypeScript Classes 섹션을 참고하자.

튜플을 다루기 전에 React를 사용한 적이 있다면 더 이해하기 좋다.

useState는 값과 setter 함수의 튜플을 반환한다.

문법예시: const [firstName, setFirstName] = useState('Dylan')

구조를 참고하면 첫 번째 값이 sting이고 두 번째 값이 function라는 특정 값 타입이 될 것이라는 것을 알고 있다.

Named Tuples

명명된 튜플을 사용하면 각 인덱스에서 값에 대한 컨텍스트를 알려줄 수 있다.

명명된 튜플은 인덱스 값이 나타내는 것에 대한 더 많은 컨텍스트를 알려준다.

Destructuring Tuples

튜플은 배열이기 때문에 생략시킬 수도 있다.

Destructuring(구조 분해 할당)을 검토하려면 여기를 참고하자.

profile
공정 설비 개발/연구원에서 웹 서비스 개발자로 경력 이전하였습니다. Node.js 백엔드 기반 풀스택 개발자를 목표로 하고 있습니다.

0개의 댓글