Skip to content

JavaScript, how to filter an array

The Valley of Code

Your Web Development Manual

How to filter an array in JavaScript

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' } ]
→ Get my JavaScript Beginner's Handbook
→ Read my JavaScript Tutorials on The Valley of Code
→ Read my TypeScript Tutorial on The Valley of Code
  • THE VALLEY OF CODE (+ PRO), your web development manual
  • I wrote 15+ free coding BOOKS, download them here
  • SOLOPRENEUR LAND the missing MBA for wannabe solopreneurs craving a life with more freedom, control, fulfillment and purpose (summer 2024)