De filter() methode creëert een nieuwe array gevuld met elementen die slagen voor een test van een functie. Het is een krachtig hulpmiddel voor het selectief extraheren van gegevens uit arrays op basis van gespecificeerde criteria. Het negeert met name lege elementen, waardoor de efficiëntie en betrouwbaarheid bij het filteren van gegevens wordt vergroot.

Syntaxis:

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

Parameters:

Deze methode accepteert vijf parameters zoals hierboven vermeld en hieronder beschreven:

Winstwaarde:

Het retourneert een array met elementen die de test doorstaan ​​en een lege array als geen enkel element de test doorstaat.

Voorbeeld 1: In dit voorbeeld creëert de methode filter() een nieuwe array die alleen bestaat uit die elementen die voldoen aan de voorwaarde die is gecontroleerd door de functie canVote().

// JavaScript to illustrate findIndex() method function canVote(age) {  return age>= 18; } function func() { laat gefilterd = [24, 33, 16, 40].filter(canVote);  console.log(gefilterd); } func(); 

Uitgang:

[24,33,40] 

Voorbeeld 2: In dit voorbeeld de methode filter() creëert een nieuwe array die alleen bestaat uit die elementen die voldoen aan de voorwaarde die is aangevinkt isPositief() functie.

function isPositive(value) {  return value>0; } laat gefilterd = [112, 52, 0, -1, 944].filter(isPositief); console.log(gefilterd); 

Uitgang:

[112,52,944] 

Voorbeeld 3: In dit voorbeeld de methode filter() creëert een nieuwe array die alleen bestaat uit die elementen die voldoen aan de voorwaarde die is aangevinkt isEven() functie.

function isEven(value) {  return value % 2 == 0; } let filtered = [11, 98, 31, 23, 944].filter(isEven); console.log(filtered); 

Uitgang:

[98,944] 

We hebben een volledige lijst met Javascript Array-methoden. Om deze te controleren, kunt u deze doornemen Javascript Array Volledige referentie artikel.

Ondersteunde browsers:

De browsers die worden ondersteund door JavaScript Arrayfilter() methode vindt u hieronder:

• Google Chrome
• Rand
• Firefox
• Opera
• Safari

We hebben een Cheat Sheet over Javascript waarin we alle belangrijke Javascript-onderwerpen hebben behandeld om deze te controleren Javascript Cheat Sheet-Een basisgids voor JavaScript .