Struktur data yang menyimpan sekelompok elemen dengan tipe yang sama di blok memori yang berdekatan dikenal sebagai ' Himpunan ”. Array juga didukung sebagai tipe data di TypeScript, karena merupakan superset dari JavaScript. Jenis ini lebih aman daripada JavaScript karena memungkinkan pengembang untuk menentukan jenis elemen yang dapat disimpan oleh array. Array dapat digunakan dengan cara ini untuk menghasilkan kode yang dapat dipelihara.
Tutorial ini akan mendemonstrasikan tipe array di TypeScript dan cara menggunakannya.
Apa itu Tipe Array di TypeScript dan Bagaimana Cara Menggunakannya?
“ Himpunan ” adalah struktur data dalam TypeScript yang mirip dengan JavaScript dengan fitur lanjutan untuk menentukan tipe array. Itu dapat digunakan untuk menyimpan dan memanipulasi kumpulan data, seperti daftar angka atau string, dan dapat diakses menggunakan indeksnya. Ada dua cara untuk mendeklarasikan atau menggunakan array di TypeScript:
- Kata kunci 'Larik'.
- tanda kurung siku “[]” atau sintaks steno
Sintaks untuk Single-Type Array
Untuk mendeklarasikan atau menginisialisasi array dengan satu jenis, gunakan sintaks yang diberikan dengan kata kunci “Array”:
Himpunan < jenis > = [ elemen1, elemen2, elemen3 ] ;
Atau gunakan sebagai sintaks steno seperti yang diberikan di bawah ini:
jenis [ ] = [ elemen1, elemen2, elemen3 ] ;
Sintaks untuk Multi-Type Array
Dengan bantuan kata kunci 'Array', gunakan sintaks di bawah ini untuk menginisialisasi atau mendeklarasikan array bertipe banyak:
Himpunan < jenis | jenis > = [ elemen1, elemen2, elemen3 ] ;
Atau Anda dapat menggunakan tanda kurung siku “[]” atau sintaks steno sebagai berikut:
( jenis | jenis ) [ ] = [ elemen1, elemen2, elemen3 ] ;
Contoh 1: Array Tipe String Tunggal
Pertama-tama kita akan membuat file TypeScript bernama “ Arraytypes.ts ”. Dalam contoh yang diberikan, pertama-tama, deklarasikan sebuah array bertipe string bernama “ warna ” menggunakan kata kunci 'Array':
var warna: Array < rangkaian > ;
Sekarang, inisialisasi array dengan nilai tipe string:
warna = [ 'merah' , 'biru' , 'hijau' , 'hitam' , 'putih' , 'ungu' , 'Merah Jambu' ] ;
Selanjutnya, cetak array di konsol:
console.log ( warna ) ;
Setelah menambahkan kode, kami akan mentranspilasi file ini ke file JavaScript menggunakan perintah yang diberikan:
tsc Arraytypes.ts
Kemudian, untuk mengeksekusi kode JavaScript, kami akan menggunakan perintah yang diberikan di bawah ini:
simpul Arraytypes.js
Catatan : Adalah wajib untuk mentranspilasi file TypeScript setelah setiap modifikasi di dalamnya.
Keluaran
Untuk mengakses elemen array, gunakan notasi tanda kurung siku “[ ]”. Di sini, kita akan mengakses elemen pada indeks 3:
console.log ( warna [ 3 ] ) ;
Keluaran menampilkan “ hitam ” yang merupakan elemen dari array yang terletak di indeks 3:
Contoh 2: Larik Tipe Angka Tunggal
Dalam contoh ini, buat array bilangan genap dengan menentukan tipenya “ Nomor ” menggunakan sintaks steno:
var evenNumbers: Angka [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , dua puluh , 22 ] ;
Cetak array di konsol:
console.log ( evenNumbers ) ;
Keluaran
Contoh 3: Array Multi-Tipe
Dalam contoh yang diberikan, buat sebuah array yang berisi nilai tipe string serta tipe angka.
Pertama, deklarasikan array menggunakan sintaks steno dengan menentukan jenis array dengan operator pipa atau gabungan:
larik var: ( rangkaian | nomor ) [ ] ;
Tetapkan nilai ke array dan kemudian cetak di konsol:
susunan = [ 'merah' , 1 , 'biru' , 7 , 'ungu' , 5 ] ;console.log ( Himpunan ) ;
Keluaran
Itu semua tentang penggunaan Tipe Array di TypeScript.
Kesimpulan
“ Himpunan ” adalah struktur data dalam TypeScript yang mirip dengan JavaScript yang dapat digunakan untuk menyimpan dan memanipulasi kumpulan data. Untuk mendeklarasikan/menggunakan array di TypeScript, ada dua cara termasuk “ Himpunan ” kata kunci atau tanda kurung siku “ [ ] ” atau sintaks steno. Tutorial ini mendemonstrasikan tipe array di TypeScript dan cara menggunakannya.