Cara Membuat Peta dalam TypeScript

Cara Membuat Peta Dalam Typescript



Peta ” digunakan untuk menyimpan dan mendapatkan semula pasangan nilai kunci. Ia ialah struktur data terbina dalam dalam TypeScript yang serupa dengan peta JavaScript tetapi ia mempunyai faedah tambahan semakan jenis. Kelas TypeScript Map menyediakan cara selamat jenis untuk menyimpan pasangan nilai kunci dengan sebarang jenis kunci dan nilai.

Blog ini akan menerangkan cara-cara membuat Peta dalam TypeScript.







Bagaimana untuk Membuat Peta dalam TypeScript?

Untuk membuat peta dalam TypeScript, gunakan pendekatan berikut:



Kaedah 1: Buat Peta Menggunakan Pembina 'Peta'.

Untuk membuat peta dalam TypeScript, gunakan ' Peta ” pembina. Semasa menggunakan pembina 'Peta' terdapat dua cara untuk membuat peta dalam TypeScript:



    • Sama ada anda boleh mengisytiharkan peta dengan “ baru ” kata kunci dan kemudian gunakan “ set() ” kaedah untuk menambah pasangan nilai kunci.
    • Atau mulakan peta dengan pasangan nilai kunci pada masa pengisytiharan.

Sintaks





Sintaks yang diberikan digunakan untuk membuat peta dalam TypeScript menggunakan pembina Peta:

Peta baharu < menaip , menaip > ( )
biarkan peta = Peta baharu < rentetan, nombor > ( ) ;


Di sini, ' tali ”, dan “ nombor ” ialah jenis kunci dan nilai peta.



Untuk memulakan peta pada masa pengisytiharan, gunakan sintaks berikut:

biarkan peta = Peta baharu < rentetan, rentetan > ( [
[ 'kunci1' , 'nilai1' ] ,
[ 'kunci2' , 'nilai2' ]
] ) ;


Contoh 1:

Buat peta menggunakan pembina Peta dengan menentukan jenis untuk kunci dan nilai peta:

tanda const = Peta baru < rentetan, nombor > ( ) ;


Menggunakan ' set() ” kaedah untuk menambah pasangan nilai kunci dalam peta:

markah.set ( 'Sejarah' , 39 ) ;
markah.set ( 'Geografi' , 25 ) ;
markah.set ( 'Maths' , 40 ) ;
markah.set ( 'Bahasa Inggeris' , 31 ) ;


Akhir sekali, cetak peta pada konsol:

konsol.log ( markah ) ;


Sekarang, alihkan kod TypeScript kepada kod JavaScript dengan melaksanakan arahan yang diberikan di bawah pada terminal:

tsc createMap.ts


Kemudian, laksanakan kod JavaScript menggunakan arahan berikut:

nod createMap.js


Pengeluaran


Catatan : Adalah wajib untuk mentranspile fail TypeScript selepas mengemas kini kod TypeScript.

Contoh 2:

Anda juga boleh memulakan peta menggunakan pembina Peta:

biarkan markah = Peta baharu < rentetan, rentetan > ( [
[ 'Sejarah' , '39' ] ,
[ 'Geografi' , '25' ] ,
[ 'Matematik' , '40' ] ,
[ 'Bahasa Inggeris' , '31' ]
] ) ;


Cetak peta pada konsol menggunakan “ console.log() ' kaedah:

konsol.log ( markah ) ;


Pengeluaran

Kaedah 2: Buat Peta Menggunakan Jenis 'Utiliti Rekod'.

Satu lagi cara untuk membuat peta ialah menggunakan “ Utiliti rekod ” jenis. Ia adalah jenis terbina dalam TypeScript yang boleh digunakan untuk menentukan jenis yang mewakili peta pasangan nilai kunci. Ia memerlukan dua parameter, jenis kekunci dan jenis nilai.

Sintaks

Ikuti sintaks yang diberikan untuk membuat Peta menggunakan Jenis 'Utiliti Rekod':

Rekod < menaip , menaip > = { }


Contoh

Buat peta menggunakan 'Jenis Utiliti Rekod':

markah const: Rekod < rentetan, rentetan > = { } ;


Berikan nilai kepada kekunci peta:

markah [ 'Sejarah' ] = '39' ;
markah [ 'Geografi' ] = '25' ;
markah [ 'Maths' ] = '40' ;
markah [ 'Bahasa Inggeris' ] = '31' ;


Akhir sekali, cetak peta pada konsol:

konsol.log ( markah ) ;


Pengeluaran


Kami telah menyediakan semua maklumat yang diperlukan yang berkaitan untuk membuat Peta pada TypeScript.

Kesimpulan

Terdapat dua cara untuk membuat peta dalam TypeScript seperti menggunakan “ Pembina Peta ” dan menggunakan “ Rekod jenis utiliti ”. Kedua-dua pendekatan berprestasi baik tetapi pendekatan pertama ialah cara biasa untuk mencipta peta dalam TypeScript. Blog ini menerangkan cara membuat Peta dalam TypeScript.