Just a few weeks until the 2021 JavaScript Full-Stack Bootcamp opens.
Signup to the waiting list!


You have an array, and you want to filter it to get a new array with just some of the values of the original array.

How can you do so?

JavaScript arrays come with a built-in filter() method that we can use for this task.

Say we have an array with 4 objects representing 4 dogs:

const dogs = [
  {
    name: 'Roger',
    gender: 'male'
  },
  {
    name: 'Syd',
    gender: 'male'
  },
  {
    name: 'Vanille',
    gender: 'female'
  },
  {
    name: 'Luna',
    gender: 'female'
  }
]

and you want to filter the male dogs only.

You can do so in this way:

const maleDogs = dogs.filter((dog) => dog.gender === 'male')

// [ { name: 'Roger', gender: 'male' }, { name: 'Syd', gender: 'male' } ]


The 2021 JavaScript Full-Stack Bootcamp will start at the end of March 2021. Don't miss this opportunity, signup to the waiting list!

More js tutorials: