Como criar um mapa no TypeScript

“ Mapas ” são usados para armazenar e recuperar pares chave-valor. É uma estrutura de dados incorporada no TypeScript semelhante a um mapa JavaScript, mas com o benefício adicional de verificação de tipo. A classe TypeScript Map fornece uma maneira segura de armazenar pares chave-valor com qualquer tipo de chave e valor.

Este blog explicará as maneiras de criar um mapa no TypeScript.

Como criar um mapa no TypeScript?

Para criar um mapa no TypeScript, use as seguintes abordagens:

- Crie um mapa usando o construtor “Map”
- Crie um mapa usando o tipo “Record Utility”

Método 1: Criar um mapa usando o construtor “Map”

Para criar um mapa no TypeScript, use o “ Mapa ” construtor. Ao usar o construtor “Map”, há duas maneiras de criar um mapa no TypeScript:

- Ou você pode declarar o mapa com o “ novo ” palavra-chave e, em seguida, use o “ definir() ” para adicionar os pares chave-valor.
- Ou inicialize o mapa com pares chave-valor no momento da declaração.

Sintaxe

A sintaxe fornecida é utilizada para criar um mapa em TypeScript usando o construtor Map:

novo mapa < tipo , tipo > ( )
deixar mapa = novo mapa < cadeia, número > ( ) ;

Aqui o ' corda ', e ' número ” é o tipo de chave e valor do mapa.

Para inicializar o mapa no momento da declaração, use a seguinte sintaxe:

deixar mapa = novo mapa < corda, corda > ( [
[ 'chave1' , 'valor1' ] ,
[ 'chave2' , 'valor2' ]
] ) ;

Exemplo 1:

Crie um mapa usando o construtor Map definindo o tipo para a chave e o valor do mapa:

marcas const = novo Mapa < cadeia, número > ( ) ;

Use o ' definir() ” método para adicionar os pares chave-valor no mapa:

marcas.conjunto ( 'História' , 39 ) ;
marcas.conjunto ( 'Geografia' , 25 ) ;
marcas.conjunto ( 'Matemáticas' , 40 ) ;
marcas.conjunto ( 'Inglês' , 31 ) ;

Por fim, imprima o mapa no console:

console.log ( marcas ) ;

Agora, transpile o código TypeScript para o código JavaScript executando o comando abaixo no terminal:

tsc createMap.ts

Em seguida, execute o código JavaScript usando o seguinte comando:

node createMap.js

Saída

Observação : É obrigatório transpilar o arquivo TypeScript após atualizar o código TypeScript.

Exemplo 2:

Você também pode inicializar o mapa usando o construtor Map:

deixar marcas = novo mapa < corda, corda > ( [
[ 'História' , '39' ] ,
[ 'Geografia' , '25' ] ,
[ 'Matemáticas' , '40' ] ,
[ 'Inglês' , '31' ]
] ) ;

Imprima o mapa no console usando o botão “ console.log() ” método:

console.log ( marcas ) ;

Saída

Método 2: Criar um mapa usando o tipo “Record Utility”

Outra maneira de criar um mapa é usar o “ utilitário de gravação ' tipo. É um tipo embutido no TypeScript que pode ser utilizado para definir um tipo que representa um mapa de pares chave-valor. Leva dois parâmetros, o tipo das chaves e o tipo dos valores.

Sintaxe

Siga a sintaxe fornecida para criar o mapa usando o tipo “Record Utility”:

Registro < tipo , tipo > = { }

Exemplo

Crie um mapa usando o “Tipo de utilitário de registro”:

marcas const: registro < corda, corda > = { } ;

Atribua o valor às chaves do mapa:

marcas [ 'História' ] = '39' ;
marcas [ 'Geografia' ] = '25' ;
marcas [ 'Matemáticas' ] = '40' ;
marcas [ 'Inglês' ] = '31' ;

Por fim, imprima o mapa no console:

console.log ( marcas ) ;

Saída

Fornecemos todas as informações necessárias relevantes para criar um mapa no TypeScript.

Conclusão

Existem duas maneiras de criar um mapa no TypeScript, como usar o “ Construtor de mapas ” e usando o “ Tipo de utilitário de gravação ”. Ambas as abordagens funcionam bem, mas a primeira abordagem é a maneira comum de criar um mapa no TypeScript. Este blog explicou as maneiras de criar um mapa no TypeScript.

Como criar um mapa no TypeScript