“ Mappe ” vengono utilizzati per archiviare e recuperare coppie chiave-valore. È una struttura dati incorporata in TypeScript che è simile a una mappa JavaScript ma ha l'ulteriore vantaggio del controllo del tipo. La classe TypeScript Map fornisce un modo indipendente dai tipi per archiviare coppie chiave-valore con qualsiasi tipo di chiave e valore.
Questo blog spiegherà i modi per creare una mappa in TypeScript.
Come creare una mappa in TypeScript?
Per creare una mappa in TypeScript, utilizzare i seguenti approcci:
Metodo 1: creare una mappa utilizzando il costruttore 'Map'.
Per creare una mappa in TypeScript, utilizzare il ' Carta geografica 'costruttore. Durante l'utilizzo del costruttore 'Map' ci sono due modi per creare una mappa in TypeScript:
-
- O puoi dichiarare la mappa con il ' nuovo ” parola chiave e quindi utilizzare il “ impostato() ” per aggiungere le coppie chiave-valore.
- Oppure inizializza la mappa con coppie chiave-valore al momento della dichiarazione.
Sintassi
La sintassi data viene utilizzata per creare una mappa in TypeScript utilizzando il costruttore Map:
nuova mappa < tipo , tipo > ( )permettere mappa = nuova mappa < stringa, numero > ( ) ;
Ecco, il “ corda ', E ' numero ” è il tipo di chiave e il valore della mappa.
Per inizializzare la mappa al momento della dichiarazione, utilizzare la seguente sintassi:
permettere mappa = nuova mappa < corda, corda > ( [[ 'chiave1' , 'valore1' ] ,
[ 'chiave2' , 'valore2' ]
] ) ;
Esempio 1:
Crea una mappa utilizzando il costruttore Map definendo il tipo per la chiave e il valore della mappa:
segni const = nuova mappa < stringa, numero > ( ) ;
Usa il ' impostato() ” metodo per aggiungere le coppie chiave-valore nella mappa:
mark.set ( 'Geografia' , 25 ) ;
mark.set ( 'Matematica' , 40 ) ;
mark.set ( 'Inglese' , 31 ) ;
Infine, stampa la mappa sulla console:
Ora, trasferisci il codice TypeScript nel codice JavaScript eseguendo il comando indicato di seguito sul terminale:
Quindi, esegui il codice JavaScript utilizzando il seguente comando:
Produzione
Nota : È obbligatorio eseguire il transpile del file TypeScript dopo aver aggiornato il codice TypeScript.
Esempio 2:
Puoi anche inizializzare la mappa usando il costruttore di mappe:
permettere segni = nuova mappa < corda, corda > ( [[ 'Storia' , '39' ] ,
[ 'Geografia' , '25' ] ,
[ 'Matematica' , '40' ] ,
[ 'Inglese' , '31' ]
] ) ;
Stampa la mappa sulla console utilizzando il ' console.log() ' metodo:
Produzione
Metodo 2: creare una mappa utilizzando il tipo 'Utilità di registrazione'.
Un altro modo per creare una mappa è utilizzare il ' Utilità di registrazione ' tipo. È un tipo incorporato in TypeScript che può essere utilizzato per definire un tipo che rappresenta una mappa di coppie chiave-valore. Richiede due parametri, il tipo di chiavi e il tipo di valori.
Sintassi
Segui la sintassi data per creare una mappa usando il tipo 'Record Utility':
Documentazione < tipo , tipo > = { }
Esempio
Crea una mappa utilizzando il 'Tipo di utilità di registrazione':
segni const: Record < corda, corda > = { } ;
Assegna il valore alle chiavi della mappa:
segni [ 'Geografia' ] = '25' ;
segni [ 'Matematica' ] = '40' ;
segni [ 'Inglese' ] = '31' ;
Infine, stampa la mappa sulla console:
Produzione
Abbiamo fornito tutte le informazioni necessarie relative alla creazione di una mappa su TypeScript.
Conclusione
Ci sono due modi per creare una mappa in TypeScript come usare il ' Costruttore di mappe ” e usando il “ Tipo di utilità di registrazione ”. Entrambi gli approcci funzionano bene, ma il primo approccio è il modo comune per creare una mappa in TypeScript. Questo blog ha spiegato i modi per creare una mappa in TypeScript.