Vantagens de usar Dictionary ou Map Object em Angular

Uma rápida introdução ao Dictionary ou Map Object. Em poucas palavras, ele é usado para gerenciar pares chave-valor.

Abaixo está o uso principal do Map Object.

Primeiramente, vamos usar o MODEL abaixo como exemplo para armazenar nossos valores.

Em seguida, usaremos uma Classe como SERVIÇO para gerenciar nosso Objeto Mapa.

Para adicionar um registro em nosso Map Object:

Para deletar um registro em nosso Map Object:

Para obter um valor em nosso Map Object:

Para obter as chaves em nosso Map Object:

Para obter os pares chave-valor em nosso Map Object:

Para obter os valores em nosso Map Object:

Para obter o comprimento ou tamanho do nosso Map Object:

Isso resume o uso. Bem simples, certo?

Agora podemos usá-lo em nosso componente Angular como o trecho de código abaixo.

Então, quais são as VANTAGENS de usá-lo?

• Fácil de gerenciar, excluir, atualizar ou obter um registro
• Não há necessidade de usar um índice para fazer algo com o registro
• Impede o ataque de injeção de objeto
• Conversível para Array
• Usa iterável por padrão

• Iterable pode ser usado diretamente na diretiva *ngFor do Angular

Atualmente, não é suportado no próprio Map Object, mas abaixo está uma solução alternativa para classificar os pares chave-valor.

Podemos apenas usar o Array normal para ordenar, então não precisamos redefinir nosso Map Object.

Obrigado por ler! Não se esqueça de se inscrever se quiser mais atualizações!

Você também pode ajudar comprando um café ☕️ para um pequeno apoio.