튜플 선언과 접근
Coddy JavaScript 여정의 TypeScript 소개 섹션에 포함된 레슨. 73개 중 16번째.
튜플을 생성하는 구문은 간단합니다. 나타나야 하는 정확한 순서대로 대괄호 안에 각 요소의 타입을 지정하면 됩니다.
튜플을 선언하려면 각 타입이 특정 위치에 대응하는 [Type1, Type2, Type3] 형식을 사용합니다:
let productInfo: [string, number] = ["Laptop", 999];
let coordinates: [number, number] = [10, 20];
let userRecord: [number, string, boolean] = [1, "Alice", true];튜플 요소에 접근하는 것은 인덱스 표기법을 사용하여 배열 요소에 접근하는 것과 똑같이 작동합니다. TypeScript는 각 위치의 정확한 타입을 알고 있으므로, 완전한 타입 안전성을 얻을 수 있습니다:
let product: [string, number] = ["Phone", 599];
console.log(product[0]); // "Phone" (TypeScript는 이것이 문자열임을 알고 있습니다)
console.log(product[1]); // 599 (TypeScript는 이것이 숫자임을 알고 있습니다)주요 장점은 TypeScript가 올바른 타입과 올바른 위치를 모두 강제한다는 것입니다. 만약 product[0].toFixed()에 접근하려고 하면, TypeScript는 첫 번째 요소가 숫자가 아닌 문자열임을 알고 있기 때문에 에러를 잡아낼 것입니다.
챌린지
쉬움문자열(제품 이름)과 숫자(가격)를 담는 productInfo라는 이름의 튜플을 생성하세요. 제품 이름은 "Gaming Mouse", 가격은 79로 초기화합니다.
그 다음, x와 y 위치를 나타내는 두 개의 숫자를 담는 coordinates라는 이름의 또 다른 튜플을 생성하세요. 15와 25라는 값으로 초기화합니다.
productInfo 튜플에서 제품 이름을 찾아 출력하세요.
productInfo 튜플에서 가격을 찾아 출력하세요.
coordinates 튜플에서 x 좌표를 찾아 출력하세요.
coordinates 튜플에서 y 좌표를 찾아 출력하세요.
위에 지정된 순서대로 각 값을 별도의 줄에 출력하세요.
직접 해보기
// TODO: 여기에 코드를 작성하세요
// 제품 이름과 가격을 포함하는 productInfo 튜플을 생성합니다
// x 및 y 위치를 포함하는 coordinates 튜플을 생성합니다
// 지정된 대로 각 값에 액세스하고 출력합니다이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
TypeScript 소개의 모든 레슨
직접 연습해 보세요: 온라인 JavaScript 컴파일러