Neste artigo você vai aprender a como utilizar o Map em TypeScript e entender o recurso de verdade, vem conferir!
Fala programador(a), beleza? Bora aprender mais sobre TypeScript!
O TypeScript é uma linguagem de programação de código aberto que adiciona recursos de tipagem forte ao JavaScript.
Entre as muitas estruturas de dados disponíveis em TypeScript, o Map é uma das mais úteis. Neste artigo, discutiremos como utilizar o Map em TypeScript.
O que é o Map em TypeScript?
O Map em TypeScript é uma estrutura de dados que permite armazenar pares de chave/valor.
Em outras palavras, um Map permite que você armazene valores em uma estrutura de dados com uma chave associada a cada valor.
Isso torna mais fácil recuperar valores específicos mais tarde, simplesmente referenciando a chave correspondente.
O Map em TypeScript é semelhante ao objeto em JavaScript, mas tem algumas diferenças importantes.
Criando um Map
Para criar um Map em TypeScript, você pode usar a classe Map padrão do TypeScript. Aqui está um exemplo:
const meuMap = new Map();
meuMap.set("chave1", "valor1");
meuMap.set("chave2", "valor2");
meuMap.set("chave3", "valor3");
O TypeScript é uma linguagem de programação de código aberto que adiciona recursos de tipagem forte ao JavaScript. Entre as muitas estruturas de dados disponíveis em TypeScript, o Map é uma das mais úteis. Neste artigo, discutiremos como utilizar o Map em TypeScript.
O que é o Map em TypeScript?
O Map em TypeScript é uma estrutura de dados que permite armazenar pares de chave/valor. Em outras palavras, um Map permite que você armazene valores em uma estrutura de dados com uma chave associada a cada valor. Isso torna mais fácil recuperar valores específicos mais tarde, simplesmente referenciando a chave correspondente. O Map em TypeScript é semelhante ao objeto em JavaScript, mas tem algumas diferenças importantes.
Criando um Map
Para criar um Map em TypeScript, você pode usar a classe Map padrão do TypeScript. Aqui está um exemplo:
typescriptCopy codeconst meuMap = new Map();
meuMap.set("chave1", "valor1");
meuMap.set("chave2", "valor2");
meuMap.set("chave3", "valor3");
Nesse exemplo, criamos um Map vazio usando a classe Map. Em seguida, usamos o método set() do Map para adicionar três pares de chave/valor ao Map.
Cada chave é uma string e cada valor é qualquer tipo de dado que você queira armazenar no Map.
Acessando valores de um Map
Para acessar os valores armazenados em um Map em TypeScript, você pode usar o método get(). Aqui está um exemplo:
const meuMap = new Map();
meuMap.set("chave1", "valor1");
meuMap.set("chave2", "valor2");
meuMap.set("chave3", "valor3");
const valor1 = meuMap.get("chave1");
console.log(valor1);
Nesse exemplo, criamos um Map e adicionamos três pares de chave/valor. Em seguida, usamos o método get() do Map para acessar o valor associado à chave “chave1”.
O valor é armazenado em uma variável e exibido no console.
Iterando sobre um Map
Para iterar sobre um Map em TypeScript, você pode usar o método forEach() ou o laço for…of. Aqui está um exemplo usando o método forEach():
const meuMap = new Map();
meuMap.set("chave1", "valor1");
meuMap.set("chave2", "valor2");
meuMap.set("chave3", "valor3");
meuMap.forEach(function(valor, chave) {
console.log(chave, valor);
});
Nesse exemplo, criamos um Map e adicionamos três pares de chave/valor. Em seguida, usamos o método forEach() do Map para iterar sobre cada par de chave/valor.
A função passada para o forEach() recebe o valor e a chave de cada par de chave/valor.
Aqui está um exemplo usando o laço for…of:
const meuMap = new Map();
meuMap.set("chave1", "valor1");
meuMap.set("chave2", "valor2");
meuMap.set("chave3", "valor3");
for (const [chave, valor] of meuMap) {
console.log(chave, valor);
}
Nesse exemplo, criamos um Map e adicionamos três pares de chave/valor.
Em seguida, usamos o laço for…of para iterar sobre cada par de chave/valor. O laço for…of desestrutura cada par de chave/valor em uma variável de chave e uma variável de valor.
Removendo valores de um Map
Para remover um par de chave/valor de um Map em TypeScript, você pode usar o método delete(). Aqui está um exemplo:
const meuMap = new Map();
meuMap.set("chave1", "valor1");
meuMap.set("chave2", "valor2");
meuMap.set("chave3", "valor3");
meuMap.delete("chave2");
Nesse exemplo, criamos um Map e adicionamos três pares de chave/valor. Em seguida, usamos o método delete() do Map para remover o par de chave/valor associado à chave “chave2”.
Verificando a existência de uma chave em um Map
Para verificar se uma chave existe em um Map em TypeScript, você pode usar o método has(). Aqui está um exemplo:
const meuMap = new Map();
meuMap.set("chave1", "valor1");
meuMap.set("chave2", "valor2");
meuMap.set("chave3", "valor3");
const temChave2 = meuMap.has("chave2");
console.log(temChave2);
Nesse exemplo, criamos um Map e adicionamos três pares de chave/valor. Em seguida, usamos o método has() do Map para verificar se a chave “chave2” existe no Map.
O resultado é armazenado em uma variável e exibido no console.
Como tipar um Map?
Para tipar um Map em TypeScript, você pode usar os genéricos da classe Map. Aqui está um exemplo:
const meuMap = new Map<string, number>();
meuMap.set("chave1", 1);
meuMap.set("chave2", 2);
meuMap.set("chave3", 3);
Nesse exemplo, criamos um Map que contém pares de chave/valor, onde a chave é uma string e o valor é um número.
Para fazer isso, usamos os genéricos da classe Map, especificando os tipos de dados para a chave e o valor.
Você pode usar qualquer tipo de dados para a chave e o valor do Map, incluindo tipos primitivos como string e number, bem como tipos personalizados definidos pelo usuário.
Aqui está um exemplo que usa um tipo personalizado como chave:
type MeuTipo = {
nome: string;
idade: number;
};
const meuMap = new Map<MeuTipo, string>();
const chave1 = { nome: "João", idade: 30 };
const chave2 = { nome: "Maria", idade: 25 };
const chave3 = { nome: "Pedro", idade: 40 };
meuMap.set(chave1, "valor1");
meuMap.set(chave2, "valor2");
meuMap.set(chave3, "valor3");
Nesse exemplo, definimos um tipo personalizado chamado MeuTipo que tem duas propriedades: nome e idade.
Em seguida, criamos um Map que usa MeuTipo como chave e string como valor. Para adicionar pares de chave/valor ao Map, criamos objetos que têm as propriedades nome e idade e usamos esses objetos como chaves.
Ao tipar um Map, é importante garantir que os tipos de dados que você especificar sejam compatíveis com os tipos de dados que você deseja armazenar no Map.
Se você tentar adicionar um valor que não seja compatível com o tipo de valor que você especificou, o TypeScript gerará um erro.
Isso ajuda a garantir que seu código seja mais seguro e tenha menos erros de tempo de execução.
Quer aprender mais sobre React? Confira o vídeo abaixo:
Conclusão
O Map em TypeScript é uma estrutura de dados útil para armazenar pares de chave/valor.
Neste artigo, discutimos como criar um Map, acessar valores em um Map, iterar sobre um Map, remover valores de um Map e verificar a existência de uma chave em um Map.
O Map pode ser usado em uma ampla variedade de situações, desde armazenar informações de usuário até criar um cache de dados.
Com essas técnicas, você poderá trabalhar de forma mais eficiente com dados estruturados em TypeScript e criar aplicativos mais robustos e adaptativos.
Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.
Nosso principal objetivo é tornar você um dev no menor tempo possível, através de uma metodologia planejada nos mínimos detalhes, após formar muitos outros desenvolvedores.
Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!