TypeScript-튜플

때때로 다양한 유형의 값 모음을 저장해야 할 수 있습니다. 배열은이 목적을 달성하지 않습니다. TypeScript는 이러한 목적을 달성하는 데 도움이되는 튜플이라는 데이터 유형을 제공합니다.

이기종 값 모음을 나타냅니다. 즉, 튜플을 사용하면 서로 다른 유형의 여러 필드를 저장할 수 있습니다. 튜플은 매개 변수로 함수에 전달할 수도 있습니다.

통사론

var tuple_name = [value1,value2,value3,…value n]

예를 들어

var mytuple = [10,"Hello"];

Typescript에서 빈 튜플을 선언하고 나중에 초기화하도록 선택할 수도 있습니다.

var mytuple = []; 
mytuple[0] = 120 
mytuple[1] = 234

튜플의 값에 액세스

튜플 값을 개별적으로 항목이라고합니다. 튜플은 인덱스 기반입니다. 이는 해당 숫자 인덱스를 사용하여 튜플의 항목에 액세스 할 수 있음을 의미합니다. 튜플 항목의 인덱스는 0부터 시작하여 n-1까지 확장됩니다 (여기서 n은 튜플의 크기).

통사론

tuple_name[index]

예 : 단순 튜플

var mytuple = [10,"Hello"]; //create a  tuple 
console.log(mytuple[0]) 
console.log(mytuple[1])

위의 예에서 튜플, mytuple,가 선언되었습니다. 튜플은 각각 숫자 및 문자열 유형의 값을 포함합니다.

컴파일 할 때 JavaScript에서 동일한 코드를 생성합니다.

출력은 다음과 같습니다.

10 
Hello

예 : 빈 튜플

var tup = [] 
tup[0] = 12 
tup[1] = 23 

console.log(tup[0]) 
console.log(tup[1])

컴파일 할 때 JavaScript에서 동일한 코드를 생성합니다.

출력은 다음과 같습니다.

12 
23

튜플 연산

TypeScript의 튜플은 새 항목 푸시, 튜플에서 항목 제거 등과 같은 다양한 작업을 지원합니다.

var mytuple = [10,"Hello","World","typeScript"]; 
console.log("Items before push "+mytuple.length)    // returns the tuple size 

mytuple.push(12)                                    // append value to the tuple 
console.log("Items after push "+mytuple.length) 
console.log("Items before pop "+mytuple.length) 
console.log(mytuple.pop()+" popped from the tuple") // removes and returns the last item
  
console.log("Items after pop "+mytuple.length)
  • push ()는 항목을 튜플에 추가합니다.

  • pop ()은 튜플의 마지막 값을 제거하고 반환합니다.

컴파일 할 때 JavaScript에서 동일한 코드를 생성합니다.

위 코드의 출력은 다음과 같습니다.

Items before push 4 
Items after push 5 
Items before pop 5 
12 popped from the tuple 
Items after pop 4

튜플 업데이트

튜플은 변경 가능하므로 튜플 요소의 값을 업데이트하거나 변경할 수 있습니다.

var mytuple = [10,"Hello","World","typeScript"]; //create a  tuple 
console.log("Tuple value at index 0 "+mytuple[0]) 

//update a tuple element 
mytuple[0] = 121     
console.log("Tuple value at index 0 changed to   "+mytuple[0])

컴파일 할 때 JavaScript에서 동일한 코드를 생성합니다.

위 코드의 출력은 다음과 같습니다.

Tuple value at index 0 10 
Tuple value at index 0 changed to 121

튜플 분해

Destructuring은 엔티티의 구조를 분해하는 것을 말합니다. TypeScript는 튜플 컨텍스트에서 사용될 때 구조 해제를 지원합니다.

var a =[10,"hello"] 
var [b,c] = a 
console.log( b )    
console.log( c )

컴파일시 다음 JavaScript 코드가 생성됩니다.

//Generated by typescript 1.8.10
var a = [10, "hello"];
var b = a[0], c = a[1];
console.log(b);
console.log(c);

출력은 다음과 같습니다.

10 
hello