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