Padrões de iteração
Percorra Map e Set com for...of; use entries/keys/values; converta para arrays; crie pequenos contadores e listas de valores únicos
Padrões de iteração é uma aula grátis de JavaScript Academy no CoddyKit. Esta é a aula 3 de 3. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de JavaScript Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de JavaScript Academy inclui 3 aulas no total.
Visão geral da iteração
Objetivo: Aprender uma iteração simples e clara.
- Mapa: entries, keys, values
- Conjunto: values
- Converter em arrays
- Contador de frequências e listas exclusivas
Mapa: entries/keys/values
Use for...of em um Mapa para obter [chave, valor]; keys() e values() também estão disponíveis.
// 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);
}
Conjunto: laço simples
O Conjunto produz valores exclusivos na ordem de inserção; as duplicatas são ignoradas.
// 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);
Conversões com Array.from
Use Array.from para transformar Mapas/Conjuntos em arrays (e pairs em um Mapa).
// 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 frequências
Um contador de Mapa é uma forma clara de contabilizar ocorrências em uma 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);
}
Exclusividade e pertencimento
Use um Conjunto para criar uma lista exclusiva e para verificações rápidas de pertencimento com 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));
Questionário sobre iteração de Mapas
Verificação rápida: Melhor laço de Mapa para obter chave e valor.
Recapitulação
Recapitulação: Itere em um Mapa com for...of para obter [chave, valor], percorra diretamente os valores de um Conjunto e converta com Array.from. Use um Mapa para contadores e um Conjunto para listas exclusivas.
Perguntas Frequentes
A aula “Padrões de iteração” é grátis?
Sim — o texto completo de “Padrões de iteração” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de JavaScript Academy, atualize para CoddyKit PRO. O curso de JavaScript Academy inclui 3 aulas no total.
O que vou aprender em “Padrões de iteração”?
Percorra Map e Set com for...of; use entries/keys/values; converta para arrays; crie pequenos contadores e listas de valores únicos Você pratica JavaScript Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar JavaScript Academy?
Nenhuma experiência prévia é necessária. JavaScript Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 3.
Quanto tempo leva a aula “Padrões de iteração”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de JavaScript Academy?
Sim. Cada aula de JavaScript Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Fundamentos de Map e Set
- WeakMap e WeakSet — privacidade e caches simples
- Padrões de iteração