이 문서는 Google Cloud Translation API를 사용해 자동 번역되었습니다.
어떤 문서는 원문을 읽는게 나을 수도 있습니다.
TypeScript의 튜플: 유형 요소가 있는 고정 길이 배열로 작업하는 방법
TypeScript에서 튜플은 다른 유형의 요소를 포함하는 고정 길이 배열입니다. 특정 순서와 유형으로 값 모음을 표현하려는 경우 유용한 데이터 구조입니다.
이 기사에서는 TypeScript에서 튜플을 사용하는 방법을 살펴봅니다. 다음 주제를 다룰 것입니다.
TypeScript에서 튜플을 만들려면 다음 구문을 사용합니다.
let myTuple: [string, number] = ["hello", 42];
이 예에서는 문자열과 숫자를 포함하는 튜플을 만듭니다. myTuple
변수는 [string, number]
유형으로 선언됩니다. 대괄호는 이것이 튜플 유형임을 나타내고 대괄호 안의 유형은 튜플의 요소 유형을 지정합니다.
유형 별칭을 사용하여 튜플 유형을 정의할 수도 있습니다.
type MyTuple = [string, number];
let myTuple: MyTuple = ["hello", 42];
이것은 문자열과 숫자의 튜플을 나타내는 유형 별칭 'MyTuple'을 정의합니다. 변수 myTuple
은 이 유형 별칭으로 선언됩니다.
배열 인덱싱을 사용하여 튜플 요소에 액세스할 수 있습니다.
let myTuple: [string, number] = ["hello", 42];
let myString: string = myTuple[0];
let myNumber: number = myTuple[1];
이 예제에서는 myTuple[0]
을 사용하여 튜플의 첫 번째 요소에 액세스하고 myString
변수에 할당합니다. myTuple[1]
을 사용하여 두 번째 요소에 액세스하고 myNumber
변수에 할당합니다.
TypeScript는 튜플의 구조 분해도 지원합니다.
let myTuple: [string, number] = ["hello", 42];
let [myString, myNumber] = myTuple;
이 예제에서는 구조 분해를 사용하여 튜플의 요소를 myString
및 myNumber
변수에 할당합니다. 이는 이전 예제와 동일합니다.
튜플은 변경할 수 없으므로 해당 요소를 수정할 수 없습니다. 그렇게 하려고 하면 TypeScript에서 오류가 발생합니다.
let myTuple: [string, number] = ["hello", 42];
myTuple[0] = "world"; // Error: Tuple type '[string, number]' is immutable.
이 오류는 튜플이 형식화된 요소가 있는 고정 길이 배열을 나타내도록 설계되었기 때문에 발생합니다. 컬렉션의 요소를 수정해야 하는 경우 대신 배열을 사용해야 합니다.
스프레드 연산자를 사용하여 튜플을 결합할 수 있습니다.
let myTuple1: [string, number] = ["hello", 42];
let myTuple2: [boolean, string] = [true, "world"];
let myCombinedTuple: [string, number, boolean, string] = [...myTuple1, ...myTuple2];
이 예에서는 스프레드 연산자를 사용하여 myTuple1
및 myTuple2
를 새로운 튜플 myCombinedTuple
로 결합합니다. 결과 튜플에는 문자열, 숫자, 부울 및 문자열의 네 가지 요소가 있습니다.
구조 분해를 사용하여 튜플의 일부를 추출할 수도 있습니다.
let myTuple: [string, number, boolean] = ["hello", 42, true];
let [myString, , myBoolean] = myTuple;
이 예제에서는 구조 분해를 사용하여 튜플의 첫 번째 및 세 번째 요소를 추출하고 두 번째 요소는 무시합니다.