UN ' dizionario ” si riferisce a un tipo di struttura dati che contiene coppie chiave-valore in un elenco non ordinato. È equivalente a 'mappa' in TypeScript. È uno strumento utile per la gestione dei dati nelle applicazioni TypeScript. Il processo di dichiarazione e inizializzazione di un dizionario in TypeScript è semplice e facile. Il dizionario viene comunemente dichiarato e inizializzato in TypeScript utilizzando il tipo di utilità 'Record'.
Questo post descriverà i metodi per dichiarare e inizializzare un dizionario in Typescript.
Come inizializzare e dichiarare un dizionario in TypeScript?
Per inizializzare e dichiarare un dizionario in TypeScript, utilizzare i seguenti approcci:
Prima di andare avanti, capire prima che per eseguire un file TypeScript, deve essere trasposto in un file JavaScript dopo ogni modifica e quindi eseguire il codice JavaScript sul terminale utilizzando i comandi forniti:
tsc dizionario.ts
nodo dizionario.js
Metodo 1: inizializza e dichiara il dizionario in TypeScript utilizzando un oggetto indicizzato
Per inizializzare e dichiarare un dizionario, utilizzare il ' oggetto indicizzato ”. È una struttura dati che collega un gruppo di chiavi a un gruppo di valori, in cui ogni chiave è distinta e si collega a un valore particolare.
Sintassi
La seguente sintassi viene utilizzata per inizializzare e dichiarare un dizionario utilizzando l'oggetto indicizzato:
tipo MioDizionario = {[ chiave: tipo ] : valoreTipo
} ;
Esempio
Innanzitutto, definiremo un dizionario denominato ' Il mio dizionario ” che è un tipo di oggetto indicizzato che descrive la forma del nostro dizionario:
tipo MioDizionario = {[ chiave: stringa ] : numero
} ;
Quindi, dichiariamo e inizializziamo una nuova variabile ' ageDizionario “di tipo” Il mio dizionario ” e assegnargli un oggetto letterale, con tre coppie chiave-valore:
'John' : 26 ,
'Maria' : 28 ,
'Roccia' : 27
} ;
Stampa il dizionario sulla console passando la variabile nel ' console.log() ' metodo:
Produzione
Se si desidera recuperare il valore di una qualsiasi chiave specificata di un dizionario, è possibile utilizzare la notazione tra parentesi quadre '[ ]':
L'output mostra l'età di ' Roccia ' questo è ' 27 ”:
Metodo 2: inizializza e dichiara il dizionario in TypeScript utilizzando un'interfaccia
Per inizializzare e dichiarare un dizionario, puoi usare il ' interfaccia ”. Un'interfaccia in TypeScript è una tecnica per esprimere un contratto che un oggetto deve seguire. Definisce gli attributi e i tipi di proprietà che un oggetto richiede per essere considerato un'istanza di quell'interfaccia.
Sintassi
Segui la sintassi data per inizializzare e dichiarare un dizionario usando l'interfaccia:
Informazioni sull'interfaccia {chiave1: valore1Tipo;
chiave2: valore2tipo;
}
Esempio
Per prima cosa, definisci un dizionario chiamato ' Informazioni ” utilizzando una “interfaccia” che richiede che qualsiasi oggetto che la implementa abbia una proprietà name di tipo “string” e una proprietà age di tipo “number”:
Informazioni sull'interfaccia {nome: stringa;
età: numero;
}
Quindi, dichiara e inizializza una nuova variabile ' StudentDizionario “di tipo” Informazioni 'con un attributo' id “di tipo” numero ”:
1 : { nome: 'Jack' , età: quindici } ,
2 : { nome: 'sanguisuga' , età: 18 }
} ;
Infine, stampa il dizionario sulla console:
Produzione
Ora, accederemo all'oggetto all'indice o id 2:
Produzione
Metodo 3: inizializza e dichiara il dizionario in TypeScript utilizzando la mappa ES6
È inoltre possibile utilizzare l'approccio ES6 Map per inizializzare e dichiarare un dizionario in TypeScript. È una struttura di dati incorporata in JavaScript e TypeScript che consente di memorizzare coppie chiave-valore, in cui la chiave e il valore possono essere di qualsiasi tipo di dati.
Sintassi
Per utilizzare ES6 Map, seguire la sintassi indicata:
nuova mappa < tipochiave, tipovalore > ( ) ;
Esempio
Innanzitutto, creeremo un oggetto mappa utilizzando il costruttore di mappe specificando il tipo di chiavi e valori come ' corda ”:
permettere studente = nuova mappa < corda, corda > ( ) ;
Ora, utilizza il metodo set() per aggiungere le coppie chiave-valore al dizionario:
set.studenti ( 'età' , '18' ) ;
set.studenti ( 'passatempo' , 'Lettura del libro' ) ;
Stampa il dizionario sulla console:
Produzione
Metodo 4: inizializza e dichiara il dizionario in TypeScript utilizzando il tipo di utilità di registrazione
Un altro modo per inizializzare e dichiarare un dizionario è utilizzare il tipo di utilità 'Record' in TypeScript. È il modo più comune di inizializzare e dichiarare un dizionario. È una struttura di dati predefinita in TypeScript che consente di creare un tipo con chiavi e valori specificati.
Sintassi
La seguente sintassi viene utilizzata per il tipo di utilità Record:
Documentazione < tipochiave, tipovalore > = { } ;
Esempio
Nell'esempio dato, dichiariamo e inizializziamo un dizionario chiamato ' alunno ' usando il ' Documentazione ” tipo di utilità per specificare le chiavi e i valori di tipo stringa:
permettere studente: Registra < corda, corda > = {'nome' : 'sanguisuga' ,
'età' : '18' ,
'passatempo' : 'Lettura del libro' ,
} ;
Infine, stampa il dizionario sulla console:
Produzione
Abbiamo raccolto tutte le informazioni essenziali relative all'inizializzazione e alla dichiarazione di un dizionario in TypeScript.
Conclusione
Per inizializzare e dichiarare un dizionario in TypeScript, usa ' Oggetto indicizzato ”, “ UN Interfaccia ”, “ Mappa ES6 ' o il ' Tipo di utilità di registrazione ”. Il modo più comune di inizializzare e dichiarare un dizionario è il 'Tipo di utilità record'. Questo post ha descritto i metodi per dichiarare e inizializzare un dizionario TypeScript.