Skip to content

JavaScript, how to filter an array

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

I wrote 20 books to help you become a better developer:

  • JavaScript Handbook
  • TypeScript Handbook
  • CSS Handbook
  • Node.js Handbook
  • Astro Handbook
  • HTML Handbook
  • Next.js Pages Router Handbook
  • Alpine.js Handbook
  • HTMX Handbook
  • React Handbook
  • SQL Handbook
  • Git Cheat Sheet
  • Laravel Handbook
  • Express Handbook
  • Swift Handbook
  • Go Handbook
  • PHP Handbook
  • Python Handbook
  • Linux/Mac CLI Commands Handbook
  • C Handbook
...download them all now!

Related posts about js: