Fundamentos de Map y Set
Use Map para búsquedas de clave→valor y Set para valores únicos; itere, convierta y aplique patrones pequeños.
Fundamentos de Map y Set es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 1 de 3. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 3 lecciones en total.
¿Por qué usar Map y Set?
Objetivo: elegir el contenedor adecuado.
- Map: clave→valor (cualquier tipo de clave)
- Set: valores únicos
- Iterar y convertir
- Patrones cotidianos breves
Map: set/get/has
Map ofrece set, get, has, delete, clear y una propiedad size.
// Map: key→value with any key type
const userToScore = new Map();
// set values
userToScore.set("ayla", 10);
userToScore.set("mina", 15);
// read values
console.log("ayla:", userToScore.get("ayla"));
console.log("has lena?", userToScore.has("lena"));
// size
console.log("size:", userToScore.size);
Set: valores únicos
Set conserva una sola copia de cada valor; los duplicados se ignoran.
// Set: unique values
const seen = new Set();
// add values (duplicates are ignored)
seen.add("red");
seen.add("blue");
seen.add("red"); // ignored
console.log("size:", seen.size);
console.log("has red?", seen.has("red"));
seen.delete("blue");
console.log("after delete:", seen.size);
Por qué elegir Map en lugar de Object
Map conserva la identidad de los objetos como claves. Los objetos simples convierten las claves en cadenas.
// Map can use objects as keys directly
const key1 = { id: 1 };
const key2 = { id: 1 }; // different reference
const map = new Map();
map.set(key1, "A");
console.log("get key1:", map.get(key1));
console.log("get key2:", map.get(key2)); // undefined (different object)
const obj = {};
obj[key1] = "B"; // coerces key to "[object Object]"
console.log("object key:", obj["[object Object]"]);
Conversiones
Cree arrays únicos a partir de un Set. Construya un Map a partir de pares y vuelva a convertirlo con entries().
// Unique array values via Set
const nums = [2, 2, 3, 4, 3];
const unique = Array.from(new Set(nums));
console.log("unique:", unique);
// Map from pairs; back to pairs
const pairs = [["a", 1], ["b", 2]];
const m = new Map(pairs);
console.log("get a:", m.get("a"));
console.log("entries:", Array.from(m.entries()));
Patrones que conviene recordar
Patrones breves:
- Use Map para contar (clave → número).
- Use Set para comprobar rápidamente la pertenencia.
- Prefiera Map cuando las claves no sean cadenas o cuando necesite conservar el orden de inserción.
Cuestionario sobre la unicidad de Set
Comprobación rápida: unicidad.
Repaso
Repaso: Elija Map para búsquedas clave→valor (cualquier tipo de clave) y Set para valores únicos; itere y convierta con entries()/Array.from.
Preguntas frecuentes
¿La lección «Fundamentos de Map y Set» es gratis?
Sí — el texto completo de «Fundamentos de Map y Set» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 3 lecciones en total.
¿Qué aprenderé en «Fundamentos de Map y Set»?
Use Map para búsquedas de clave→valor y Set para valores únicos; itere, convierta y aplique patrones pequeños. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar JavaScript Academy?
No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 3.
¿Cuánto tiempo toma la lección «Fundamentos de Map y Set»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?
Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Fundamentos de Map y Set
- WeakMap y WeakSet: privacidad y cachés sencillos
- Patrones de iteración