← flaviocopes.com

JavaScript, how to filter an array

Published Nov 14 2020

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' } ]


Wanna go from noobie to expert?

I wrote an entire book on this topic 👇

I also got a super cool course 👇

© 2023 Flavio Copes Flavio Copes using Notion to Site Notion to Site. Follow on Twitter

Solopreneur? Wannabe? Adventure awaits