Ventajas de usar Dictionary u Map Object en Angular

Dec 25 2022
Una introducción rápida al diccionario o al objeto de mapa. En pocas palabras, se utiliza para administrar pares clave-valor.

Una introducción rápida al diccionario o al objeto de mapa. En pocas palabras, se utiliza para administrar pares clave-valor.

A continuación se muestra el uso principal de Map Object.

Primero, vamos a usar el MODELO a continuación como ejemplo para almacenar nuestros valores.

Luego usaremos una Clase como SERVICIO para administrar nuestro Objeto de Mapa.

Para agregar un registro en nuestro Objeto de Mapa:

Para borrar un registro en nuestro Objeto de Mapa:

Para obtener un valor en nuestro objeto de mapa:

Para obtener las claves en nuestro objeto de mapa:

Para obtener los pares clave-valor en nuestro objeto de mapa:

Para obtener los valores en nuestro objeto de mapa:

Para obtener la longitud o el tamaño de nuestro objeto de mapa:

Eso resume el uso. Bastante simple, ¿verdad?

Ahora podemos usarlo en nuestro componente Angular como el fragmento de código a continuación.

Entonces, ¿cuáles son las VENTAJAS de usarlo?

  • Fácil de administrar, eliminar, actualizar u obtener un registro
  • No es necesario usar un índice para hacer algo con el registro
  • Previene el ataque de inyección de objetos
  • Convertible a matriz
  • Usa Iterable por defecto
  • Iterable se puede usar directamente en la directiva * ngFor de Angular
  • Asegúrese de que downlevelIteration esté habilitado en su archivo tsconfig
    Expongamos los valores como IterableIterator en nuestro SERVICIO
    Agreguemos una Persona a nuestro Objeto de Mapa y usemos los valores Iterables en nuestra plantilla Angular
    Así es como usamos los valores Iterables en nuestra plantilla Angular, de manera similar a cómo hacemos un bucle en el Array normal

Actualmente, no se admite en el objeto de mapa en sí, pero a continuación se muestra una solución alternativa para ordenar los pares clave-valor.

Agreguemos un método de clasificación a nuestro SERVICIO. Tenemos que borrar nuestro objeto de mapa y reinsertar los pares clave-valor
Luego agreguemos más valores en nuestro objeto de mapa y llamemos al método de clasificación que acabamos de agregar en nuestro SERVICIO
Finalmente, esta será nuestra salida después de ordenar

Solo podemos usar la matriz normal para ordenar, por lo que no necesitamos restablecer nuestro objeto de mapa.

¡Gracias por leer! ¡No olvides suscribirte si quieres más actualizaciones!

También puedes ayudar comprándome un café ☕️ para un pequeño apoyo.