Filter vs. Finden Sie JavaScript -Array -Methoden

Filter vs. Finden Sie JavaScript -Array -Methoden
In JavaScript gibt es verschiedene vordefinierte Methoden für verschiedene Operationen, wie die “Filter()" Methode, "finden()Methode und so weiter. Diese beiden Methoden werden zur Durchführung von Operationen in Arrays verwendet, z. B. ein bestimmtes Element oder eine Gruppe von Elementen, die den angegebenen Kriterien entsprechen.

Dieser Blog veranschaulicht den Unterschied zwischen dem "Filter" und den "Find" -Methoden in JavaScript.

Filter vs. Finden Sie in JavaScript

Beide "Filter()”Methode und die“finden()Die Methode wird zum Durchsuchen von Elementen in einem Array verwendet, das auf bestimmten Bedingungen basiert. Es gibt jedoch einige Unterschiede zwischen ihnen wie folgt:

  • Die Methode „filter ()“ wird verwendet, um die Teilmenge von Daten aus einem großen Datensatz basierend auf bestimmten Bedingungen zu erhalten, während die Methode „Find ()“ verwendet wird, um den spezifischen Wert/Element in den Daten zu finden.
  • Die Methode „filter ()“ gibt alle Einträge oder Elemente an, die den angegebenen Test übereinstimmen oder erfüllen, während die Methode „Find ()“ nur das erste Auftreten angibt, das dem angegebenen Test entspricht.

Lassen Sie uns das Arbeits-/Verfahren dieser Methoden mit Hilfe von Beispielen verstehen.

Beispiel 1: Verwenden der Methode "filter ()" in JavaScript
Erstellen Sie eine Reihe von Objekten namens “Arrayobj”:

var arrayobj = [

ID: 1,
Name: "John",
Alter: 20
,

ID: 2,
Name: "Jack",
Alter: 22
,

ID: 3,
Name: "Julian",
Alter: 20
,
]

Rufen Sie die Filter () -Methode auf und finden Sie alle Instanzen von Objekten in einem Array, dessen Alter ist20”:

var Object = ArrayOBJ.filter ((obj) => obj.Alter === 20);

Drucken Sie die resultierenden Objekte auf der Konsole:

Konsole.log (Objekt);

Als die "Filter()Die Methode ergibt alle Vorkommen der angegebenen Bedingung und gibt zwei Objekte aus, deren Alterseigenschaft einen Wert von „20“ hat:

Beispiel 2: Verwenden der Methode "find ()" in JavaScript
Aufrufen "finden()Methode mit dem Array von Objekten, um die Objekte zu lokalisieren, deren Alterseigenschaft 20 beträgt. Die Methode „Find ()“ gibt die erste Instanz oder das erste Objekt aus, dessen Alter 20 beträgt:

var Object = ArrayOBJ.find ((obj) => obj.Alter === 20);
Konsole.log (Objekt);

Ausgang

Das handelt.

Abschluss

Der "Filter()Die Methode gibt alle Instanzen der Elemente eines Arrays aus, die die besonderen Kriterien erfüllen, während die “finden()Die Methode gibt nur die erste Instanz an, die der angegebenen Bedingung entspricht. Beide Methoden sind nützlich, um Elemente in Arrays zu durchsuchen. In diesem Blog wurde der Hauptunterschied zwischen dem „Filter“ und den „Find“ -Methoden in JavaScript veranschaulicht.