Aprenda Métodos de Array `map`, `filter`

Deslize para mostrar o menu

Arrays frequentemente precisam ser transformados ou filtrados para criar novas versões com base em dados existentes. O JavaScript oferece métodos de array de ordem superior como map e filter que tornam essas tarefas concisas e legíveis.

Esses métodos ajudam a evitar laços manuais e permitem focar no objetivo desejado com os dados, em vez de como realizar cada etapa. O uso de métodos de ordem superior resulta em código mais fácil de manter, compreender e reutilizar.


              123456
            
// Using map to create a new array with doubled values
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

Ao utilizar map, o JavaScript cria um novo array chamando sua função uma vez para cada elemento do array original. O valor retornado pela sua função se torna o novo valor no array resultante, e o array original não é alterado.


              123456
            
// Using filter to create a new array with only even numbers
const numbers = [1, 2, 3, 4, 5, 6];
const evens = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evens); // [2, 4, 6]

Com filter, a função deve retornar true para manter um elemento ou false para excluí-lo. Apenas os elementos que passam no teste da função são incluídos no novo array, enquanto o array original permanece inalterado.

Tanto map quanto filter percorrem o array internamente, portanto não é necessário escrever um loop manual—eles cuidam da iteração e da construção do novo array para você.

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 1. Capítulo 13

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Seção 1. Capítulo 13