AD

¿Ya dominas lo básico? Un curso estructurado de JavaScript es la vía rápida para dar el salto.

Ver cursos de JavaScript en Udemy

Enlace de afiliado. No te cuesta nada extra.

🟨Lecciones de JavaScript
Lección 53 / 69

Fundamentos de Map (un objeto para pares clave-valor)

En esta lección aprenderás lo básico del objeto Map de JavaScript, para conocer una forma de manejar pares clave-valor más capaz que un objeto normal. Está dirigida a quien busca «uso de Map en JavaScript» o «Map frente a Object en JavaScript».

Un Map es un mecanismo para guardar «claves y valores» igual que un objeto, pero con funciones más cómodas: conserva el orden de inserción de las claves y permite comprobar si una clave existe con has(). Se añade con .set(clave, valor), se recupera con .get(clave) y se comprueba la existencia con .has(clave).

El código de ejemplo registra notas en un Map llamado scores usando nombres como claves, recupera un valor con .get("Ana") y comprueba una clave inexistente con .has("Lucía"). Al recorrer todas las entradas con .forEach((valor, clave) => { ... }), fíjate en que el orden de los argumentos valor y clave es algo distinto de cómo lo harías con un objeto.

Un tropiezo habitual al empezar es que, para saber el tamaño de un Map, se usa la propiedad .size, no el .length de los arrays. Como la API difiere un poco de objetos y arrays, al principio resulta poco familiar, pero en proyectos reales Map suele ser más cómodo que un objeto cuando necesitas comprobar claves o consultar el tamaño.

Map encaja mejor que un objeto cuando quieres usar como clave algo que no sea una cadena (un número o un objeto), o cuando necesitas manejar con eficiencia una gran cantidad de datos. Merece la pena recordarlo como opción para gestionar volúmenes grandes con eficiencia.

JavaScript
SALIDA

💡 Todo lo que pases a console.log() aparece en la salida de abajo.

Espacio publicitario (banner)
Espacio publicitario (en el artículo)