Saltar al contenido

Map y Set de JavaScript

Introducción a los Map de JavaScript

¿Qué es un Map de JavaScript?

En JavaScript, un Map es una colección que almacena pares clave-valor. Permite el uso de varios tipos de datos como claves y mantiene el orden de sus entradas, diferenciándose de los objetos regulares que solo admiten cadenas y símbolos como claves.

Creación y manipulación de Maps

Para crear un Map, usa new Map(). Admite varios métodos para la manipulación de datos:

  • map.set(key, value): Agrega un par clave-valor.
  • map.get(key): Recupera el valor asociado a una clave.
  • map.has(key): Comprueba si una clave existe.
  • map.delete(key): Elimina un par clave-valor.
  • map.clear(): Limpia el Map.
  • map.size: Devuelve el número de pares clave-valor.

Ejemplo de código:


Output appears here after Run.

Iteración sobre Maps

Los Maps se pueden iterar de varias formas: - Usando map.keys(), map.values() y map.entries().

  • Usando bucles for...of.
  • Usando el método map.forEach().

Ejemplo de código:


Output appears here after Run.

Entendiendo los Set de JavaScript

¿Qué es un Set de JavaScript?

Un Set en JavaScript es una colección de valores únicos. A diferencia de un array, cada elemento solo puede aparecer una vez en un Set.

Trabajo con Sets

Para trabajar con Sets:

  • Crea un Set usando new Set(iterable).
  • Agrega un elemento usando set.add(value).
  • Comprueba la existencia de un elemento usando set.has(value).
  • Elimina un elemento usando set.delete(value).
  • Determina el número de elementos usando set.size.
  • Limpia un Set usando set.clear().

Ejemplo de código:


Output appears here after Run.

Iteración sobre Sets

Los Sets se pueden iterar usando:

  • Bucle for...of.
  • Método set.forEach(), que proporciona acceso a cada valor en el Set.

Ejemplo de código:


Output appears here after Run.

INFO

Además de Map y Set, JavaScript también proporciona WeakMap y WeakSet, que gestionan la memoria de manera diferente al permitir que sus elementos sean recolectados como basura. Obtén más información sobre estas colecciones especializadas en nuestra página de JavaScript WeakMap y WeakSet.

Conclusión

Los Map y Set de JavaScript ofrecen potentes estructuras de datos para gestionar colecciones únicas y pares clave-valor. Comprender sus funcionalidades y casos de uso adecuados mejora tus habilidades de programación en JavaScript, lo que conduce a un desarrollo de código más eficiente y efectivo.

Recuerda que JavaScript es un lenguaje versátil y dominar estos conceptos avanzados es crucial para abordar desafíos de programación complejos. Sigue practicando y explorando para profundizar tu comprensión de las capacidades de JavaScript.

Práctica

¿Cuáles son algunas propiedades de Map y Set de JavaScript?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.