Cómo inicializar y declarar diccionario en TypeScript

Como Inicializar Y Declarar Diccionario En Typescript



A ' diccionario ” se refiere a un tipo de estructura de datos que contiene pares clave-valor en una lista desordenada. Es equivalente a 'mapa' en TypeScript. Es una herramienta útil para manejar datos en aplicaciones TypeScript. El proceso de declarar e inicializar un diccionario en TypeScript es simple y fácil. El diccionario se declara e inicializa comúnmente en TypeScript usando el tipo de utilidad 'Record'.

Esta publicación describirá los métodos para declarar e inicializar un diccionario en TypeScript.







¿Cómo inicializar y declarar un diccionario en TypeScript?

Para inicializar y declarar un diccionario en TypeScript, use los siguientes enfoques:



Antes de continuar, primero comprenda que para ejecutar un archivo TypeScript, debe transpilarse en un archivo JavaScript después de cada modificación y luego ejecutar el código JavaScript en la terminal usando los comandos dados:



tsc diccionario.ts
nodo diccionario.js

 





Método 1: inicializar y declarar diccionario en TypeScript usando un objeto indexado

Para inicializar y declarar un diccionario, utilice el ' objeto indexado ”. Es una estructura de datos que vincula un grupo de claves a un grupo de valores, donde cada clave es distinta y se vincula a un valor particular.

Sintaxis



La siguiente sintaxis se utiliza para inicializar y declarar un diccionario utilizando el objeto indexado:

tipo MiDiccionario = {
  [ llave: tipo ] : tipo de valor
} ;

 
Ejemplo

Primero, definiremos un diccionario llamado “ Mi diccionario ” que es un tipo de objeto indexado que describe la forma de nuestro diccionario:

tipo MiDiccionario = {
  [ clave: cadena ] : número
} ;

 
Luego, declaramos e inicializamos una nueva variable “ edadDiccionario ” de tipo “ Mi diccionario ” y asígnele un objeto literal, con tres pares clave-valor:

const diccionarioedad: MiDiccionario = {
  'John' : 26 ,
  'María' : 28 ,
  'Roca' : 27
} ;

 
Imprima el diccionario en la consola pasando la variable en el ' consola.log() ' método:

consola.log ( edadDiccionario ) ;

 
Producción


Si desea recuperar el valor de cualquier clave específica de un diccionario, puede usar la notación de corchetes '[ ]':

consola.log ( edadDiccionario [ 'Roca' ] ) ;

 
La salida muestra la edad de “ Roca ' eso es ' 27 ”:

Método 2: inicializar y declarar diccionario en TypeScript usando una interfaz

Para inicializar y declarar un diccionario, puede usar el ' interfaz ”. Una interfaz en TypeScript es una técnica para expresar un contrato que debe seguir un objeto. Define los atributos y tipos de propiedades que requiere un objeto para ser considerado una instancia de esa interfaz.

Sintaxis

Siga la sintaxis dada para inicializar y declarar un diccionario usando la interfaz:

información de la interfaz {
clave1: valor1Tipo;
clave2: valor2Tipo;
}

 
Ejemplo

Primero, defina un diccionario llamado “ Información ” utilizando una “interfaz” que requiere que cualquier objeto que la implemente tenga una propiedad de nombre de tipo “cadena” y una propiedad de edad de tipo “número”:

información de la interfaz {
nombre: cadena;
edad: número;
}

 
Luego, declare e inicialice una nueva variable ' estudianteDiccionario ” de tipo “ Información ” con un atributo “ identificación ” de tipo “ número ”:

fue estudianteDiccionario: { [ número de identificación ] : Información; } = {
  1 : { nombre: 'Jacobo' , edad: 15 } ,
  2 : { nombre: 'sanguijuela' , edad: 18 }
  } ;

 
Por último, imprima el diccionario en la consola:

consola.log ( estudianteDiccionario ) ;

 
Producción


Ahora, accederemos al objeto en el índice o id 2:

consola.log ( estudianteDiccionario [ 2 ] ) ;

 
Producción

Método 3: inicializar y declarar diccionario en TypeScript usando el mapa ES6

También puede usar el enfoque de ES6 Map para inicializar y declarar un diccionario en TypeScript. Es una estructura de datos incorporada en JavaScript y TypeScript que permite almacenar pares clave-valor, donde la clave y el valor pueden ser de cualquier tipo de datos.

Sintaxis

Para usar ES6 Map, siga la sintaxis dada:

nuevo mapa < tipo de clave, tipo de valor > ( ) ;

 
Ejemplo

Primero, crearemos un objeto de mapa usando el constructor de mapas especificando el tipo de claves y valores como ' cadena ”:

dejar estudiante = nuevo Mapa < cuerda, cuerda > ( ) ;

 
Ahora, utilice el método set() para agregar los pares clave-valor al diccionario:

estudiante.set ( 'nombre' , 'sanguijuela' ) ;
estudiante.set ( 'edad' , '18' ) ;
estudiante.set ( 'pasatiempo' , 'Lectura de libros' ) ;

 
Imprime el diccionario en la consola:

consola.log ( alumno ) ;

 
Producción

Método 4: inicializar y declarar diccionario en TypeScript usando el tipo de utilidad de registro

Otra forma de inicializar y declarar un diccionario es usar el tipo de utilidad 'Grabar' en TypeScript. Es la forma más común de inicializar y declarar un diccionario. Es una estructura de datos preconstruida en TypeScript que permite crear un tipo con claves y valores específicos.

Sintaxis

La siguiente sintaxis se utiliza para el tipo de utilidad Record:

Registro < tipo de clave, tipo de valor > = { } ;

 
Ejemplo

En el ejemplo dado, declaramos e inicializamos un diccionario llamado “ alumno ' utilizando el ' Registro ” tipo de utilidad para especificar las claves y valores de tipo cadena:

dejar estudiante: Grabar < cuerda, cuerda > = {
  'nombre' : 'sanguijuela' ,
  'edad' : '18' ,
  'pasatiempo' : 'Lectura de libros' ,
} ;

 
Finalmente, imprima el diccionario en la consola:

consola.log ( alumno ) ;

 
Producción


Hemos recopilado toda la información esencial relacionada con la inicialización y declaración de un diccionario en TypeScript.

Conclusión

Para inicializar y declarar un diccionario en TypeScript, use el ' objeto indexado ”, “ un Interfaz ”, “ Mapa ES6 ' o el ' Registrar tipo de utilidad ”. La forma más común de inicializar y declarar un diccionario es el 'tipo de utilidad de registro'. Esta publicación describió los métodos para declarar e inicializar un diccionario de TypeScript.