CodeAventura
JavaScript
▸Transformación de arrays▸filter en arrays

Misión

Editor
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
28 / 32filter en arrays
Anterior

filter en arrays

Qué problema resuelve filter

A veces no quieres transformar todo: quieres quedarte solo con una parte.

Ejemplos comunes:

  • productos con stock
  • usuarios activos
  • números pares
  • tareas pendientes

filter sirve exactamente para eso.

Idea clave

filter:

  • revisa cada elemento
  • ejecuta una callback que devuelve true o false
  • devuelve un nuevo array con los que cumplieron

Si nadie cumple, devuelve [].

La callback decide qué elemento se queda y cuál se descarta.

Ejemplo básico

Con función tradicional:

Con función flecha:

Ejemplo con objetos

Con función tradicional:

Con función flecha:

Error típico al empezar

Pensar que filter devuelve un solo elemento.
No: devuelve un array (0, 1 o muchos elementos).

Si quieres solo uno, normalmente usarás find.

Cómo pensarlo mentalmente

Pregunta guía:

  • "¿Quiero conservar solo los elementos que cumplen una regla?"

Si sí, filter.

Tu desafío 🚀

Crea un array, usa filter con una condición y muestra el resultado en consola.

Filtrar bien datos es una de las habilidades más útiles en proyectos reales...