A ' kamus ” mengacu pada jenis struktur data yang berisi pasangan kunci-nilai dalam daftar yang tidak diurutkan. Ini setara dengan 'peta' di TypeScript. Ini adalah alat yang berguna untuk menangani data dalam aplikasi TypeScript. Proses mendeklarasikan dan menginisialisasi kamus di TypeScript sederhana dan mudah. Kamus umumnya dideklarasikan dan diinisialisasi dalam TypeScript menggunakan tipe utilitas 'Record'.
Posting ini akan menjelaskan metode untuk mendeklarasikan dan menginisialisasi kamus di TypeScript.
Bagaimana Cara Menginisialisasi dan Mendeklarasikan Kamus di TypeScript?
Untuk menginisialisasi dan mendeklarasikan kamus di TypeScript, gunakan pendekatan berikut:
Sebelum melanjutkan, pahami terlebih dahulu bahwa untuk mengeksekusi file TypeScript, itu harus diubah menjadi file JavaScript setelah setiap modifikasi dan kemudian jalankan kode JavaScript di terminal menggunakan perintah yang diberikan:
tsc kamus.ts
simpul kamus.js
Metode 1: Menginisialisasi dan Mendeklarasikan Kamus dalam TypeScript Menggunakan Objek Terindeks
Untuk menginisialisasi dan mendeklarasikan kamus, gunakan “ objek yang diindeks ”. Ini adalah struktur data yang menghubungkan sekelompok kunci ke sekelompok nilai, di mana setiap kunci berbeda dan terhubung ke nilai tertentu.
Sintaksis
Sintaks berikut digunakan untuk menginisialisasi dan mendeklarasikan kamus menggunakan objek yang diindeks:
jenis Kamusku = {[ kunci: jenis ] : tipe nilai
} ;
Contoh
Pertama, kita akan mendefinisikan kamus bernama “ Kamus ku ” yang merupakan tipe objek terindeks yang mendeskripsikan bentuk kamus kami:
jenis Kamusku = {[ kunci: string ] : nomor
} ;
Kemudian, kita mendeklarasikan dan menginisialisasi variabel baru “ ageDictionary ” dari jenis “ Kamus ku ” dan tetapkan literal objek padanya, dengan tiga pasangan kunci-nilai:
'Yohanes' : 26 ,
'Maria' : 28 ,
'Batu' : 27
} ;
Cetak kamus di konsol dengan meneruskan variabel di “ konsol.log() ' metode:
Keluaran
Jika Anda ingin mengambil nilai kunci kamus tertentu, Anda dapat menggunakan notasi tanda kurung siku “[ ]”:
Keluaran menampilkan usia “ Batu ' itu adalah ' 27 ”:
Metode 2: Menginisialisasi dan Mendeklarasikan Kamus di TypeScript Menggunakan Antarmuka
Untuk menginisialisasi dan mendeklarasikan kamus, Anda dapat menggunakan “ antarmuka ”. Antarmuka dalam TypeScript adalah teknik untuk mengekspresikan kontrak yang harus diikuti oleh objek. Ini mendefinisikan atribut dan jenis properti yang diperlukan objek untuk dianggap sebagai turunan dari antarmuka itu.
Sintaksis
Ikuti sintaks yang diberikan untuk menginisialisasi dan mendeklarasikan kamus menggunakan antarmuka:
Info antarmuka {kunci1: nilai1Tipe;
kunci2: nilai2Tipe;
}
Contoh
Pertama, tentukan kamus bernama “ Info ” menggunakan 'antarmuka' yang membutuhkan objek apa pun yang mengimplementasikannya untuk memiliki properti nama bertipe 'string' dan properti usia bertipe 'angka':
Info antarmuka {nama: tali;
umur: nomor;
}
Kemudian, nyatakan dan inisialisasi variabel baru “ kamus siswa ” dari jenis “ Info ” dengan atribut “ pengenal ” dari jenis “ nomor ”:
1 : { nama: 'Mendongkrak' , usia: limabelas } ,
2 : { nama: 'lintah' , usia: 18 }
} ;
Terakhir, cetak kamus di konsol:
Keluaran
Sekarang, kita akan mengakses objek pada indeks atau id 2:
Keluaran
Metode 3: Menginisialisasi dan Mendeklarasikan Kamus di TypeScript Menggunakan Peta ES6
Anda juga dapat menggunakan pendekatan Peta ES6 untuk menginisialisasi dan mendeklarasikan kamus di TypeScript. Ini adalah struktur data bawaan dalam JavaScript dan TypeScript yang memungkinkan penyimpanan pasangan kunci-nilai, di mana kunci dan nilainya dapat berupa tipe data apa pun.
Sintaksis
Untuk menggunakan Peta ES6, ikuti sintaks yang diberikan:
Peta baru < keyType, valueType > ( ) ;
Contoh
Pertama, kita akan membuat objek peta menggunakan konstruktor Peta dengan menentukan jenis kunci dan nilai sebagai “ rangkaian ”:
membiarkan siswa = Peta baru < tali, tali > ( ) ;
Sekarang, gunakan metode set() untuk menambahkan pasangan kunci-nilai ke kamus:
siswa.set ( 'usia' , '18' ) ;
siswa.set ( 'hobi' , 'Membaca Buku' ) ;
Cetak kamus di konsol:
Keluaran
Metode 4: Menginisialisasi dan Mendeklarasikan Kamus di TypeScript Menggunakan Jenis Utilitas Rekaman
Cara lain untuk menginisialisasi dan mendeklarasikan kamus adalah dengan menggunakan tipe utilitas 'Rekam' di TypeScript. Ini adalah cara paling umum untuk menginisialisasi dan mendeklarasikan kamus. Ini adalah struktur data pra-bangun di TypeScript yang memungkinkan pembuatan tipe dengan kunci dan nilai yang ditentukan.
Sintaksis
Sintaks berikut digunakan untuk jenis utilitas Rekam:
Catatan < keyType, valueType > = { } ;
Contoh
Dalam contoh yang diberikan, kami mendeklarasikan dan menginisialisasi kamus yang disebut “ murid ' menggunakan ' Catatan ” tipe utilitas untuk menentukan kunci dan nilai dari tipe string:
membiarkan siswa: Rekam < tali, tali > = {'nama' : 'lintah' ,
'usia' : '18' ,
'hobi' : 'Membaca Buku' ,
} ;
Terakhir, cetak kamus di konsol:
Keluaran
Kami telah mengumpulkan semua informasi penting terkait dengan menginisialisasi dan mendeklarasikan kamus di TypeScript.
Kesimpulan
Untuk menginisialisasi dan mendeklarasikan kamus di TypeScript, gunakan “ objek yang diindeks ”, “ sebuah Antarmuka ”, “ Peta ES6 ” atau “ Rekam jenis utilitas ”. Cara yang paling umum untuk menginisialisasi dan mendeklarasikan kamus adalah 'tipe utilitas Rekam'. Posting ini menjelaskan metode untuk mendeklarasikan dan menginisialisasi kamus TypeScript.