JavaScript-Array-Filter()-Methode

Der filter()-Methode Erstellt ein neues Array mit Elementen, die einen von einer Funktion bereitgestellten Test bestehen. Es handelt sich um ein leistungsstarkes Tool zum selektiven Extrahieren von Daten aus Arrays basierend auf bestimmten Kriterien. Insbesondere werden leere Elemente ignoriert, was die Effizienz und Zuverlässigkeit bei Datenfilterungsvorgängen erhöht.

Syntax:

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

Parameter:

Diese Methode akzeptiert fünf Parameter, wie oben erwähnt und unten beschrieben:

Parameter Beschreibung
Ruf zurück Die Funktion ist für jedes Element des Arrays aufzurufen.
Element Der Wert des Elements, das gerade verarbeitet wird.
Index (Optional) Der Index des aktuellen Elements im Array, beginnend bei 0.
arr (Optional) Das vollständige Array, auf dem Array.every> wird genannt.
dieser Wert (Optional) Der Kontext, als der übergeben werden soll this> die beim Ausführen der Callback-Funktion verwendet werden soll. Falls nicht angegeben, undefined> wird als Standardkontext verwendet.

Rückgabewert:

Es gibt ein Array von Elementen zurück, die den Test bestehen, und ein leeres Array, wenn kein Element den Test besteht.

Beispiel 1: In diesem Beispiel erstellt die Methode filter() ein neues Array, das nur aus den Elementen besteht, die die von der Funktion canVote() überprüfte Bedingung erfüllen.

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

Ausgabe:

[24,33,40] 

Beispiel 2: In diesem Beispiel die Methode Filter() erstellt ein neues Array, das nur aus den Elementen besteht, die die von überprüfte Bedingung erfüllen isPositive() Funktion.

Javascript
function isPositive(value) {  return value>0; } let filtered = [112, 52, 0, -1, 944].filter(isPositive); console.log(gefiltert); 

Ausgabe:

[112,52,944] 

Beispiel 3: In diesem Beispiel die Methode Filter() erstellt ein neues Array, das nur aus den Elementen besteht, die die von überprüfte Bedingung erfüllen isEven() Funktion.

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

Ausgabe:

[98,944] 

Wir haben eine vollständige Liste der Javascript-Array-Methoden. Um diese zu überprüfen, gehen Sie bitte hier durch Vollständige Javascript-Array-Referenz Artikel.

Unterstützte Browser:

Die vom JavaScript unterstützten Browser Array-Filter() Methode sind unten aufgeführt:

  • Google Chrome
  • Rand
  • Feuerfuchs
  • Oper
  • Safari

Wir haben einen Spickzettel zu Javascript, in dem wir alle wichtigen Themen zu Javascript behandelt haben. Schauen Sie sich diese bitte durch Javascript-Spickzettel – Eine grundlegende Anleitung zu JavaScript .