1 minuto de lectura

Filtrar elementos de un array con el método filter() de Javascript

El método filter() genera un nuevo array con los elementos que cumplen con determinada condición de un array existente. Para mantener el elemento la función deberá devolver true y para descartarlo false.

const newArray = array.filter(item => {
  return condition
})

El resultado devuelve un nuevo array sin afectar el anterior.

Algunos ejemplos de uso

Un ejemplo del uso de filter() es cuando deseas remover un elemento de un array:

const items = ['a', 'b', 'c', 'd', 'e', 'f']
const itemToRemove = 'c'
const filteredItems = items.filter(item => item !== itemToRemove)
// ["a", "b", "d", "e", "f"]

Otro ejemplo sería filtrar varios elementos al mismo tiempo a través de sus propiedades:

const frameworks = [
  { name: 'Vue', lang: 'Javascript' },
  { name: 'Laravel', lang: 'PHP' },
  { name: 'Django', lang: 'Python' },
  { name: 'React', lang: 'Javascript' }
]

const frameworksJs =  frameworks.filter(fw => fw.lang.includes('Javascript'))

// [ {name: "Vue", lang: "Javascript"}, {name: "React", lang: "Javascript"} ]