GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise
  • Introduction3 min read
  • Variables5 min read

This view

  • Original page
  • New address

GeezerVison is showing www.geeksforgeeks.org — JavaScript Array filter() Method - GeeksforGeeks

geeksforgeeks
search icon
  • Courses
  • Tutorials
  • Interview Prep
  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise

JavaScript Array filter() Method

Last Updated : 1 Jun, 2026

The filter() method creates a new array by selecting elements that meet a specific condition. It does not modify the original array and ignores empty elements.

  • filter() returns a new array with elements that pass the given test.
  • The condition is checked using a callback function like canVote().
  • Only elements for which canVote() returns true are included in the new array.
JavaScript
function canVote(age) {
    return age >= 18;
}

let filtered = [24, 33, 16, 40].filter(canVote);
console.log(filtered);

Syntax

array.filter(callback(element, index, arr), thisValue)

Parameters: This method accepts five parameters as mentioned above and described below: 

ParameterDescription
callbackThe function is to be called for each element of the array.
elementThe value of the element currently being processed.
index(Optional) The index of the current element in the array, starting from 0.
arr(Optional) The complete array on which filter() is called.
thisValue(Optional) The context to be passed as this to be used while executing the callback function. If not provided, undefined is used as the default context.

Return value: It returns an array of elements that pass the test and an empty array if no elements pass the test. 

Example 1: Creating a new array consisting of only those elements that satisfy the condition checked by isPositive() function.

JavaScript
function isPositive(value) {
    return value > 0;
}

let filtered = [112, 52, 0, -1, 944].filter(isPositive);
console.log(filtered);

Example 2: Creating a new array consisting of only those elements that satisfy the condition checked by isEven() function. 

JavaScript
function isEven(value) {
    return value % 2 === 0;
}

let filtered = [11, 98, 31, 23, 944].filter(isEven);
console.log(filtered);
Comment

Explore

    JavaScript Basics
    • Introduction3 min read
    • Variables5 min read
    • Operators4 min read
    • Control Statements4 min read
    Array & String
    • Arrays6 min read
    • Array Methods4 min read
    • String5 min read
    • String Methods8 min read
    Function & Object
    • Functions4 min read
    • Function Expression3 min read
    • Function Overloading4 min read
    • Objects4 min read
    • Constructors4 min read
    OOP
    • OOP5 min read
    • Classes & Objects4 min read
    • Access Modifiers5 min read
    • Constructor4 min read
    Asynchronous JavaScript
    • Asynchronous2 min read
    • Callbacks4 min read
    • Promises4 min read
    • Event Loop3 min read
    • Async Await Fuction3 min read
    Exception Handling
    • Error and Exceptional Handling5 min read
    • Errors Throw & Try to Catch2 min read
    • Custom Errors2 min read
    • TypeError Invalid Array.prototype.sort argument1 min read
    DOM
    • DOM8 min read
    • DOM Elements3 min read
    • Custom Events4 min read
    • Addeventlistener5 min read
    Advanced Topics
    • Closure3 min read
    • Hoisting5 min read
    • Scope4 min read
    • Higher Order Functions7 min read
    • Debugging3 min read
    Courses
    • Placement 360 Course2 min read
    • MERN Full Stack Course2 min read
    • DSA and System Design Course2 min read
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.