Javascript ES6 – #17. Objeto Map

El objeto Map es una de las nuevas incorporaciones a la versión de Javascript ES6.

Se caracteriza porque almacena pares clave-valor y que cualquier valor puede ser utilizado tanto como clave o valor.

Su sintaxis es similar a la de otros objetos de Javascript: tenemos que utilizar la palabra reservada new y a continuación, entre paréntesis, un iterable:

new Map([iterable])

En esta lección conoceremos, en primer lugar, la propiedad más importante:

  • size: permite conocer el tamaño del Map.

Y además, veremos el funcionamiento de una serie de métodos:

  • get(clave): devuelve el valor asociado a una clave, o undefined si no tiene ninguno.
  • set (clave, valor): establece un valor para una clave.
  • has(clave): devuelve true o false si existe un valor asociado a la clave en el Map.
  • delete(clave): elimina los valores asociados a una clave pasada por parámetro.
  • clear: elimina todos los elementos del objeto Map.

Por último, conoceremos los tres iteradores propios de Map:

  • values: iterador con los valores para cada elemento de Map en orden de inserción.
  • keys: iterador con las claves para cada elemento de Map en orden de inserción.
  • entries: iterador con los pares clave-valor para cada elemento de Map en orden de inserción.

Y por si fuera poco, conoceremos WeakMap, una variante de Map con algunas pequeñas diferencias.

En vídeos posteriores veremos cómo recorrer un Map utilizando la nueva estructura de control de ES6 for…of.

¡No esperes más, echa un ojo al vídeo!

¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!

¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!

¡Ups! ¡Este contenido está restringido a codelovers! Inicia sesión o, si aún no eres miembro de Didacticode, regístrate!

4 comentarios
Contraer comentarios

Gracias por todo tu esfuerzo, en esta clase y en las otras. Sin duda una página muy trabajada y bien hecha para aprender.
Saludos desde Argentina

didacticode (Administrador) 08/10/2021 a las 15:35

¡Muchísimas gracias a ti por tu comentario, Christian! Es la idea: que quienes entréis podáis sacarle todo el provecho. ¡Saludos desde España!

Muy interesante yendo al grano! Gracias! Estaria bien poner ejemplos mas a nivel de proyecto.

didacticode (Administrador) 30/03/2022 a las 07:52

¡Gracias por la propuesta, Isaac! Una preguntilla: ¿a que´te refieres con “a nivel de proyecto”? ¿A hacer como en el curso de React, que casi todos los ejemplos sirven para hacer un proyecto final?

Deja un comentario