Leitfaden zur JavaScript-Array-Filter()-Methode

In JavaScript ist die filter()-Methode eine iterative Methode, die für jedes Element in einem Array einmal eine Rückruffunktion aufruft. Wenn die Rückruffunktion „true“ zurückgibt, schließt sie dieses Element in das Rückgabearray ein. Die filter()-Methode wird auch als Kopiermethode bezeichnet, da sie eine flache Kopie eines Arrays zurückgibt, die dieselben Elemente wie die des ursprünglichen Arrays enthält.

Mit der JavaScript-Methode array filter() können Sie ein Array filtern, um nur Elemente anzuzeigen, die eine bestimmte Bedingung erfüllen. Es verwendet eine Rückruffunktion, um jedes Element im Array zu durchlaufen und gibt nur diejenigen zurück, die die angegebene Bedingung erfüllen.

Die JavaScript-Methode filter() ähnelt allen anderen Methoden, außer dass sie Parameter akzeptiert, die mehr Optionen zum Bearbeiten der Daten innerhalb eines Arrays bieten.

Die filter()-Methode akzeptiert zwei benannte Argumente: eine Rückruffunktion und ein optionales Objekt. Die Callback-Funktion benötigt drei Argumente:

Der Index der Array-Argumente ist optional.

Die Methode filter() erstellt ein neues Array mit allen Elementen. Es gibt drei verschiedene Möglichkeiten, die Syntax der filter()-Methode zu schreiben. Die Syntax lautet wie folgt:

callbackFn führt jedes Element eines Arrays aus. Es gibt einen wahren Wert zurück, um das Element in einem Array zu behalten. Der CallbackFn wird mit den folgenden Argumenten aufgerufen:

Mehr zu JavaScript3 Möglichkeiten zur Verwendung von Array Slice in JavaScript

Um die filter()-Methode in JavaScript zu verwenden, müssen wir vier Schritte ausführen:

Hier ist ein Beispiel, das die filter()-Methode verwendet, um ein Array basierend auf einem Suchkriterium nach Automarken zu filtern, die mit dem Buchstaben „B“ beginnen.

In diesem Beispiel wird die Methode filter() für das Array „cars“ aufgerufen, um nur Automarken zurückzugeben, die mit dem Buchstaben „B“ beginnen. Die Funktion filterItems benötigt zwei Parameter arr und query das gibt das neue Array mit passendem Abfragewert zurück. Innerhalb der filterItem-MethodeDie Methode filter() wird für das Array „cars“ aufgerufen, die das Array basierend auf der Abfrage filtert.

Die Methode filter() durchläuft das Array und testet jedes Element, um festzustellen, ob es mit der Abfrage übereinstimmt. Es bringt ein neues Sortiment mit drei Marken zurück: Bentley, BMW und Bertone.

Die Methode filter() ändert nicht das ursprüngliche Array, sondern gibt stattdessen ein neues Array zurück, das nur die Elemente enthält, die den Test innerhalb der Funktion bestehen.

Im Folgenden finden Sie den Code, der ein Zahlenarray filtert und ein neues Array nur mit den geraden Elementen erstellt. Die Schritte zur Verwendung von filter() für ein Zahlenarray sind:

Hier ist ein Beispiel, das das Programm demonstriert.

Im obigen Code haben wir ein Zahlenarray namens „numberArr“ definiert. Wir haben die Methode filter() für zahlenArr verwendet und eine Funktion übergeben, die mithilfe des Modulo-Operators % ermittelt, ob jedes Element gerade ist, um zu prüfen, ob die Zahl durch zwei teilbar ist. Wenn die Zahl gerade ist, gibt die Funktion „true“ zurück und das Element wird in das neue Array evenNumbers aufgenommen. Wenn die Zahl ungerade ist, gibt die Funktion „false“ zurück und die Zahl wird aus dem neuen Array ausgeschlossen.

Im Folgenden finden Sie den Code, der ein Array von Objekten filtert und ein neues Array nur mit den wahren Elementen erstellt. Die Schritte zur Verwendung von filter() für ein Array von Objekten sind:

Hier ist ein Beispiel-Codeausschnitt, der das Programm demonstriert.

Im obigen Code haben wir ein Array von freiberuflichen Objekten definiert. Wir haben die filter()-Methode für das Freelancers-Array verwendet und eine Funktion übergeben, die prüft, ob jeder Freelancer über JavaScript-Kenntnisse verfügt. Wenn der Skill der Bedingung entsprach, wurde das Objekt in das neue Array filter_freelancers aufgenommen. Wenn der Skill nicht übereinstimmt, gibt die Funktion „false“ zurück und das Objekt wird aus dem neuen Array ausgeschlossen. Das Ergebnis liefert ein neues Array mit zwei Freelancern, Harry und David, die sich mit JavaScript auskennen.

Der folgende Code filtert alle Primzahlen aus einem Array und erstellt ein neues Array nur mit den Primzahlen. Die Schritte zur Verwendung von filter() sind:

Hier ist ein Beispielcodeausschnitt, der das Beispiel demonstriert.

Im obigen Code haben wir ein Zahlenarray definiert. Wir haben die Methode filter() für array verwendet und eine Funktion isPrime übergeben, die prüft, ob jedes Element eine Primzahl ist. Wenn die Zahl eine Primzahl ist, gibt die Funktion „true“ zurück und das Element wird in ein neues Array eingefügt. Wenn es nicht übereinstimmt, gibt die Funktion „false“ zurück und das Objekt wird aus dem neuen Array ausgeschlossen. Die Suchkriterien ergaben ein neues Array mit den Zahlen [2, 3, 5, 7, 11, 13].

Hier sind einige nützliche Tipps zur Verwendung der filter()-Methode in JavaScript:

Weitere Informationen zu JavaScript: Verwendung der JavaScript-Array-FindIndex-Methode

Hier sind einige häufige Fehler, die Sie bei der Verwendung von filter() in Javascript vermeiden sollten: