Patrones de iteración
Itere Map y Set con for...of; use entries/keys/values; conviértalos en arrays; y cree pequeños contadores y listas de valores únicos.
Patrones de iteración es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 3 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.
Descripción general de la iteración
Objetivo: aprender a iterar de forma sencilla y clara.
- Map: entradas, claves y valores
- Set: valores
- Convertir en arrays
- Contador de frecuencias y listas únicas
Map: entries/keys/values
Use for...of sobre un Map para obtener [key, value]; también están disponibles keys() y values().
// Map iterates as [key, value] pairs
const prices = new Map();
prices.set("apple", 3);
prices.set("banana", 2);
for (const [item, cost] of prices) {
console.log(item, cost);
}
// You can also use keys() or values()
for (const k of prices.keys()) {
console.log("key:", k);
}
for (const v of prices.values()) {
console.log("value:", v);
}
Set: bucle sencillo
Set produce valores únicos en el orden de inserción; los duplicados se ignoran.
// Set iterates values in insertion order
const colors = new Set(["red", "green", "red", "blue"]);
for (const c of colors) {
console.log("color:", c);
}
console.log("size:", colors.size);
Conversiones con Array.from
Use Array.from para convertir Maps/Sets en arrays (y pares en un Map).
// Convert Map to array of pairs, and back
const map1 = new Map([["a", 1], ["b", 2]]);
const pairs = Array.from(map1); // [["a",1],["b",2]]
console.log("pairs:", pairs);
const map2 = new Map(pairs);
console.log("map2 has a?", map2.has("a"));
// Set to array of values
const set1 = new Set([1, 1, 2, 3]);
const arr = Array.from(set1); // [1,2,3]
console.log("arr:", arr);
Contador de frecuencias
Un contador con Map es una forma clara de contabilizar las apariciones en una lista.
// Count items in an array using Map
function countItems(list) {
const counts = new Map();
for (const x of list) {
const n = counts.get(x) || 0;
counts.set(x, n + 1);
}
return counts;
}
const fruits = ["apple", "banana", "apple", "apple", "banana"];
const counts = countItems(fruits);
// Print counts as "item: n"
for (const [name, n] of counts) {
console.log(name + ":", n);
}
Unicidad y pertenencia
Use Set para crear una lista única y comprobar rápidamente la pertenencia mediante has.
// Unique values with Set, quick membership test
const numbers = [2, 3, 2, 4, 3, 5];
const unique = Array.from(new Set(numbers));
console.log("unique:", unique);
// Quick membership with Set.has
const allowed = new Set([2, 5]);
console.log("allowed has 2?", allowed.has(2));
console.log("allowed has 4?", allowed.has(4));
Cuestionario sobre la iteración de Map
Comprobación rápida: mejor bucle de Map para obtener la clave y el valor.
Repaso
Repaso: Recorra Map con for...of para obtener [key, value], recorra directamente los valores de Set y convierta con Array.from. Use Map para contadores y Set para listas únicas.
Preguntas frecuentes
¿La lección «Patrones de iteración» es gratis?
Sí — el texto completo de «Patrones de iteración» 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 «Patrones de iteración»?
Itere Map y Set con for...of; use entries/keys/values; conviértalos en arrays; y cree pequeños contadores y listas de valores únicos. 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 3 de 3.
¿Cuánto tiempo toma la lección «Patrones de iteración»?
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