“ Peta ” digunakan untuk menyimpan dan mengambil key-value pair. Ini adalah struktur data bawaan di TypeScript yang mirip dengan peta JavaScript tetapi memiliki manfaat tambahan untuk pengecekan tipe. Kelas TypeScript Map menyediakan cara yang aman untuk menyimpan key-value pair dengan semua tipe key dan value.
Blog ini akan menjelaskan cara membuat Peta di TypeScript.
Bagaimana Cara Membuat Peta di TypeScript?
Untuk membuat peta di TypeScript, gunakan pendekatan berikut:
Metode 1: Buat Peta Menggunakan Konstruktor 'Peta'.
Untuk membuat peta di TypeScript, gunakan “ Peta ” konstruktor. Saat menggunakan konstruktor 'Peta', ada dua cara untuk membuat peta di TypeScript:
-
- Entah Anda dapat mendeklarasikan peta dengan ' baru ” kata kunci dan kemudian gunakan “ mengatur() ” metode untuk menambahkan pasangan kunci-nilai.
- Atau inisialisasi peta dengan pasangan kunci-nilai pada saat deklarasi.
Sintaksis
Sintaks yang diberikan digunakan untuk membuat peta di TypeScript menggunakan konstruktor Peta:
Peta baru < jenis , jenis > ( )membiarkan peta = Peta baru < rangkaian, nomor > ( ) ;
Di sini, “ rangkaian ', Dan ' nomor ” adalah jenis kunci dan nilai peta.
Untuk menginisialisasi peta pada saat deklarasi, gunakan sintaks berikut:
membiarkan peta = Peta baru < tali, tali > ( [[ 'kunci1' , 'nilai1' ] ,
[ 'kunci2' , 'nilai2' ]
] ) ;
Contoh 1:
Buat peta menggunakan konstruktor Peta dengan menentukan jenis kunci dan nilai peta:
tanda const = Peta baru < rangkaian, nomor > ( ) ;
Menggunakan ' mengatur() ” metode untuk menambahkan pasangan kunci-nilai di peta:
mark.set ( 'Geografi' , 25 ) ;
mark.set ( 'Matematika' , 40 ) ;
mark.set ( 'Bahasa inggris' , 31 ) ;
Terakhir, cetak peta di konsol:
Sekarang, ubah kode TypeScript menjadi kode JavaScript dengan menjalankan perintah yang diberikan di bawah ini pada terminal:
Kemudian, jalankan kode JavaScript menggunakan perintah berikut:
Keluaran
Catatan : Adalah wajib untuk mentranspilasi file TypeScript setelah memperbarui kode TypeScript.
Contoh 2:
Anda juga dapat menginisialisasi peta menggunakan konstruktor Peta:
membiarkan tanda = Peta baru < tali, tali > ( [[ 'Sejarah' , '39' ] ,
[ 'Geografi' , '25' ] ,
[ 'Matematika' , '40' ] ,
[ 'Bahasa inggris' , '31' ]
] ) ;
Cetak peta di konsol menggunakan “ konsol.log() ' metode:
Keluaran
Metode 2: Buat Peta Menggunakan Jenis 'Record Utility'.
Cara lain untuk membuat peta adalah dengan menggunakan tombol “ Rekam utilitas ' jenis. Ini adalah tipe bawaan di TypeScript yang dapat digunakan untuk menentukan tipe yang mewakili peta pasangan kunci-nilai. Dibutuhkan dua parameter, jenis kunci, dan jenis nilai.
Sintaksis
Ikuti sintaks yang diberikan untuk membuat Peta menggunakan Jenis 'Record Utility':
Catatan < jenis , jenis > = { }
Contoh
Buat peta menggunakan 'Jenis Utilitas Rekaman':
tanda const: Rekam < tali, tali > = { } ;
Tetapkan nilai ke kunci peta:
tanda [ 'Geografi' ] = '25' ;
tanda [ 'Matematika' ] = '40' ;
tanda [ 'Bahasa inggris' ] = '31' ;
Terakhir, cetak peta di konsol:
Keluaran
Kami telah menyediakan semua informasi yang diperlukan yang relevan untuk membuat Peta di TypeScript.
Kesimpulan
Ada dua cara untuk membuat peta di TypeScript seperti menggunakan “ Pembuat Peta ” dan menggunakan “ Rekam jenis utilitas ”. Kedua pendekatan bekerja dengan baik tetapi pendekatan pertama adalah cara umum untuk membuat peta di TypeScript. Blog ini menjelaskan cara membuat Peta di TypeScript.