JavaScript Array filter() Method

The filter() method creates a new array containing elements that satisfy a specified condition. This method skips empty elements and does not change the original array.

Create a new array consisting of only those elements that satisfy the condition checked by canVote() function.

// JavaScript to illustrate findIndex() method
function canVote(age) {
    return age >= 18;
}

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

[ 24, 33, 40 ]

Syntax

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

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

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.

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

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

[ 112, 52, 944 ]

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

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

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

[ 98, 944 ]

We have a complete list of Javascript Array methods, to check those please go through this Javascript Array Complete reference article.

Supported Browsers

• Chrome 1
• Edge 12
• Firefoz 1
• Opera 10.1
• Safari 3

filter

Visit Course