Cómo crear un mapa en TypeScript

“ mapas ” se utilizan para almacenar y recuperar pares clave-valor. Es una estructura de datos incorporada en TypeScript que es similar a un mapa de JavaScript pero tiene el beneficio adicional de la verificación de tipos. La clase TypeScript Map proporciona una forma segura de almacenar pares clave-valor con cualquier tipo de clave y valor.

Este blog explicará las formas de crear un Mapa en TypeScript.

¿Cómo crear un mapa en TypeScript?

Para crear un mapa en TypeScript, use los siguientes enfoques:

- Crear un mapa utilizando el constructor 'Mapa'
- Crear un mapa usando el tipo 'Utilidad de registro'

Método 1: Cree un mapa usando el constructor 'Mapa'

Para crear un mapa en TypeScript, use el ' Mapa ” constructor. Al usar el constructor 'Mapa', hay dos formas de crear un mapa en TypeScript:

- O puede declarar el mapa con el “ nuevo ” y luego use la palabra clave “ colocar() ” método para sumar los pares clave-valor.
- O inicialice el mapa con pares clave-valor en el momento de la declaración.

Sintaxis

La sintaxis dada se utiliza para crear un mapa en TypeScript usando el constructor de mapas:

nuevo mapa < tipo , tipo > ( )
dejar mapa = nuevo mapa < cadena, número > ( ) ;

Aquí el ' cadena ', y ' número ” es el tipo de clave y valor del mapa.

Para inicializar el mapa en el momento de la declaración, utilice la siguiente sintaxis:

dejar mapa = nuevo mapa < cuerda, cuerda > ( [
[ 'clave1' , 'valor1' ] ,
[ 'clave2' , 'valor2' ]
] ) ;

Ejemplo 1:

Cree un mapa usando el constructor de mapas definiendo el tipo para la clave y el valor del mapa:

marcas constantes = nuevo mapa < cadena, número > ( ) ;

Utilizar el ' colocar() ” método para agregar los pares clave-valor en el mapa:

marcas.set ( 'Historia' , 39 ) ;
marcas.set ( 'Geografía' , 25 ) ;
marcas.set ( 'Matemáticas' , 40 ) ;
marcas.set ( 'Inglés' , 31 ) ;

Finalmente, imprima el mapa en la consola:

consola.log ( marcas ) ;

Ahora, transpila el código TypeScript al código JavaScript ejecutando el siguiente comando en la terminal:

tsc createMap.ts

Luego, ejecute el código JavaScript usando el siguiente comando:

nodo createMap.js

Producción

Nota : Es obligatorio transpilar el archivo TypeScript después de actualizar el código TypeScript.

Ejemplo 2:

También puede inicializar el mapa usando el constructor de mapas:

dejar marcas = nuevo mapa < cuerda, cuerda > ( [
[ 'Historia' , '39' ] ,
[ 'Geografía' , '25' ] ,
[ 'Matemáticas' , '40' ] ,
[ 'Inglés' , '31' ]
] ) ;

Imprima el mapa en la consola usando el “ consola.log() ' método:

consola.log ( marcas ) ;

Producción

Método 2: Cree un mapa usando el tipo 'Utilidad de registro'

Otra forma de crear un mapa es usar el “ Utilidad de registro ' tipo. Es un tipo incorporado en TypeScript que se puede utilizar para definir un tipo que representa un mapa de pares clave-valor. Toma dos parámetros, el tipo de las claves y el tipo de los valores.

Sintaxis

Siga la sintaxis dada para crear un mapa usando el tipo de 'Utilidad de registro':

Registro < tipo , tipo > = { }

Ejemplo

Cree un mapa utilizando el 'Tipo de utilidad de registro':

marcas constantes: Grabar < cuerda, cuerda > = { } ;

Asigne el valor a las claves del mapa:

marcas [ 'Historia' ] = '39' ;
marcas [ 'Geografía' ] = '25' ;
marcas [ 'Matemáticas' ] = '40' ;
marcas [ 'Inglés' ] = '31' ;

Por último, imprima el mapa en la consola:

consola.log ( marcas ) ;

Producción

Hemos proporcionado toda la información necesaria relevante para crear un mapa en TypeScript.

Conclusión

Hay dos formas de crear un mapa en TypeScript, como usar el ' Constructor de mapas ” y usando el “ Registrar tipo de utilidad ”. Ambos enfoques funcionan bien, pero el primer enfoque es la forma común de crear un mapa en TypeScript. Este blog explicó las formas de crear un Mapa en TypeScript.

Cómo crear un mapa en TypeScript