TypeScript-タプル

場合によっては、さまざまなタイプの値のコレクションを保存する必要があります。アレイはこの目的には役立ちません。TypeScriptは、そのような目的を達成するのに役立つタプルと呼ばれるデータ型を提供します。

これは、異種の値のコレクションを表します。言い換えると、タプルを使用すると、異なるタイプの複数のフィールドを格納できます。タプルは、パラメーターとして関数に渡すこともできます。

構文

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

例えば

var mytuple = [10,"Hello"];

Typescriptで空のタプルを宣言し、後で初期化することもできます。

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

タプルの値へのアクセス

タプル値は個別にアイテムと呼ばれます。タプルはインデックスベースです。これは、タプル内のアイテムに、対応する数値インデックスを使用してアクセスできることを意味します。タプルアイテムのインデックスはゼロから始まり、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

タプルの破壊

破壊とは、エンティティの構造を破壊することです。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