TypeScript - Tupel

Terkadang, mungkin ada kebutuhan untuk menyimpan kumpulan nilai dari berbagai jenis. Array tidak akan memenuhi tujuan ini. TypeScript memberi kita tipe data yang disebut tuple yang membantu mencapai tujuan seperti itu.

Ini mewakili kumpulan nilai yang heterogen. Dengan kata lain, tupel memungkinkan penyimpanan banyak bidang dengan tipe berbeda. Tupel juga dapat dikirimkan sebagai parameter ke fungsi.

Sintaksis

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

Sebagai contoh

var mytuple = [10,"Hello"];

Anda juga dapat mendeklarasikan tupel kosong di Typecript dan memilih untuk menginisialisasinya nanti.

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

Mengakses nilai di Tuple

Nilai tupel secara individual disebut item. Tupel berbasis indeks. Ini berarti bahwa item dalam tupel dapat diakses menggunakan indeks numerik yang sesuai. Indeks item tupel dimulai dari nol dan meluas hingga n-1 (di mana n adalah ukuran tupel).

Sintaksis

tuple_name[index]

Contoh: Simple Tuple

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

Dalam contoh di atas, sebuah tupel, mytuple, dideklarasikan. Tupel berisi nilai tipe numerik dan string masing-masing.

Saat kompilasi, itu akan menghasilkan kode yang sama di JavaScript.

Outputnya adalah sebagai berikut -

10 
Hello

Contoh: Empty Tuple

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

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

Saat kompilasi, itu akan menghasilkan kode yang sama di JavaScript.

Outputnya adalah sebagai berikut -

12 
23

Operasi Tuple

Tupel di TypeScript mendukung berbagai operasi seperti mendorong item baru, menghapus item dari tupel, dll.

Contoh

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 () menambahkan item ke tupel

  • Pop () menghapus dan mengembalikan nilai terakhir di tupel

Saat kompilasi, itu akan menghasilkan kode yang sama di JavaScript.

Output dari kode diatas adalah sebagai berikut -

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

Memperbarui Tuple

Tupel dapat berubah yang berarti Anda dapat memperbarui atau mengubah nilai elemen tupel.

Contoh

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])

Saat kompilasi, itu akan menghasilkan kode yang sama di JavaScript.

Output dari kode diatas adalah sebagai berikut -

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

Merusak Tuple

Destrukturisasi mengacu pada pemecahan struktur suatu entitas. TypeScript mendukung penghancuran ketika digunakan dalam konteks tupel.

Contoh

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

Saat kompilasi, itu akan menghasilkan kode JavaScript berikut.

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

Outputnya adalah sebagai berikut -

10 
hello