So filtern Sie Objekt -Arrays basierend auf den Attributen in JavaScript

Arrays sind Datenstrukturen, die es ermöglichen, verschiedene Werte in einer einzelnen Variablen zu speichern, indem Informationen in einer Reihe von Speicheradressen in der Nähe gespeichert werden. Ein Array kann eine Sammlung von Daten desselben Typs enthalten. Sie können auch viele Objekte mit demselben Typ und ihren Attributen in einem Array speichern, die dann mit verschiedenen Methoden in JavaScript abgerufen oder filtriert werden können.

In dieser Studie werden die Methoden zum Filtern der Objekt -Arrays basierend auf Attributen diskutiert.

So filtern Sie Objekt -Arrays basierend auf den Attributen in JavaScript?

Verwenden Sie die folgenden Methoden, um Objektarrays basierend auf den Attributen in JavaScript zu filtern:

• find () Methode
• filter () Methode

Lassen Sie uns alle diese Methoden einzeln untersuchen.

Methode 1: Filter -Objekt -Arrays basierend auf Attributen mit Find () Methode

Die Methode „Find ()“ wird verwendet, um ein einzelnes Objekt aus einem Array von Objekten zu filtern, die die angegebene Bedingung erfüllen. Hier untersuchen wir die Find () -Methode mit der Pfeilfunktion (=>).

Die Pfeilfunktion ist auch eine anonyme Funktion, wie sie ohne den Funktionsnamen definiert ist. Erfahren Sie mehr über Pfeilfunktionen.

Syntax
Um die Pfeilfunktion mit Filter () -Methode zu verwenden, folgen Sie der angegebenen Syntax:

filter (currentElement =>
Rückgabe der bedingten Befragung;
);

Es gibt das erste Element zurück, das mit der angegebenen Bedingung übereinstimmt, und wenn kein Element übereinstimmt, gibt es zurück “nicht definiert”.

Beispiel:
Zunächst werden wir eine Reihe von Objekten erstellen, die benannt sind “Mitarbeiterliste”:

var postelist = [
ID: 101, Name: 'Rhonda', Alter: 20, Abteilung: 'Audit',
ID: 111, Name: 'Susan', Alter: 28, Abteilung: 'Konten',
ID: 191, Name: 'Stephen', Alter: 32, Abteilung: 'Audit',
ID: 131, Name: 'Napoleon', Alter: 20, Abteilung: 'HR'
];

Filtern Sie das Objekt basierend auf Attribut “Abteilung"Das ist gleich"Prüfung”Durch Verwendung von Find () Methode:

var Employee = personaleelist.find (emp =>
return emp.Abteilung === 'Audit';
);

Drucken Sie das gefilterte Objekt auf der Konsole mit „Zuletzt aus“ mit “Konsole.Protokoll()" Methode:

Konsole.Protokoll (Mitarbeiter);

Die Ausgabe zeigt das einzige erste Objekt an, das mit der Abteilung übereinstimmt

Wenn Sie auf ein Attribut zugreifen möchten, das im Objekt nicht vorhanden ist, wird in diesem Fall die Filter () -Methode zurückgegeben “nicht definiert”:

So filtern Sie alle Objekte im Zusammenhang mit einer bestimmten Bedingung? Folgen Sie dem nächsten Abschnitt.

Methode 2: Filter -Objekt -Arrays basierend auf Attributen mit Filter () Methode

So filtern Sie alle Objekte aus einem Array, das auf den Attributen unter der gegebenen Bedingung basiert, das JavaScript vordefiniertFilter()”Methode wird verwendet. Hier untersuchen wir zwei Ansätze, um einen Filter auf ein Array von Objekten, eine Pfeilfunktion oder eine Rückruffunktion anzuwenden. Es empfängt jedes Element, das von der Filter () -Methode übergeben wird und die intern durch die Elemente des Arrays schaltet. Es fügt das Element dem zurückgegebenen Array hinzu, wenn die Rückruffunktion true zurückgibt.

Syntax
Die Syntax der Filter () -Methode lautet wie folgt:

Filter (Rückruf, Objekt);

Hier nimmt die Filter () -Methode zwei Parameter an “Rückruffunktion"Das ist der obligatorische Parameter und"Objekt”, Was ein optionales Argument ist. Es gibt ein neues Array aus, das jedes Element enthält, das der angegebenen Anforderung erfüllt. Wenn keiner der Elemente die angegebene Bedingung erfüllt, gibt es ein leeres Array als Ausgabe zurück.

Verwenden Sie die folgende Syntax, um die filter () -Methode mit Rückruffunktion zum Filterobjektarray basierend auf den Attributen zu verwenden:

var newarray = array.filter (Funktion (Stromerement)
Rückgabe der bedingten Befragung;
);

Die Funktion callback () nimmt drei Parameter anStrömung","Index", und ein "Array”. Die Strömung ist das Element in dem Array, das derzeit von der Rückruffunktion verarbeitet wird, und es ist das obligatorische Argument. Im Vergleich dazu sind Index und Array optionale Parameter.

Beispiel 1: Filter -Objekt -Arrays basierend auf Attributen mithilfe der Filter () -Methode mit Rückruffunktion
Wir werden das gleiche Objektarray verwenden “Mitarbeiterliste”Im vorherigen Beispiel erstellt. Jetzt werden wir die filter () -Methode mit Rückruffunktion verwenden, um das Objektarray basierend auf dem Attribut zu filternName”:

var Employee = personaleelist.filter (Funktion (emp)
return emp.Name === 'Susan';
);

Ausgang

Beispiel 2: Filter -Objekt -Arrays basierend auf Attributen mithilfe der Filter () -Methode mit einer Pfeilfunktion
Hier verwenden wir die filter () -Methode mit Pfeilfunktion, um das Objektarray basierend auf dem Attribut zu filternAbteilung”:

var Employee = personaleelist.filter (emp =>
return emp.Abteilung === 'Audit';
);

Die Ausgabe zeigt alle Daten, die der Abteilung === 'Audit' entsprechen:

Wenn Sie auf das Attribut zugreifen möchten, das in dem Objekt nicht vorhanden ist, wird ein leeres Array zurückgegeben:

Wir haben alle Methoden gesammelt, um ein Array von Objekten basierend auf den Attributen in JavaScript zu filtern.

Abschluss

Um das Objektarray basierend auf den Attributen in JavaScript zu filtern, verwenden Sie die integrierten JavaScript-Methoden wie z. B. “finden()”Methode oder“Filter()" Methode. Die Find () -Methode gibt das erste Element aus, das mit der angegebenen Bedingung übereinstimmt, und wenn kein Element übereinstimmt, gibt es undefined zurück. Im Gegensatz dazu enthält die Filter () -Methode ein neues Array, das Elemente enthält, die dem angegebenen Zustand entsprechen. Wenn keiner der Elemente den jeweiligen Zustand erfüllt, gibt es ein leeres Array an. In dieser Studie haben wir die Methoden zum Filtern des Arrays von Objekten anhand ihrer Attribute mit Beispielen erörtert.