Filtern Sie eine Reihe von Objekten in JavaScript

Die Filter () -Methode in JavaScript wird verwendet, um ein neues Array mit allen bestehenden Testelementen zu erstellen. 1. Filter () ändert das ursprüngliche Array nicht, sondern gibt ein neues Array zurück, das den bedingten Elementen entspricht. 2. Die grundlegende Syntax ist Array.filter ((Element) => {returnbedingung;}); 3.. Sie können das Objektarray nach Attributwert filtern, z. B. die Filterung von Benutzern älter als 30; V. 5. Sie können dynamische Bedingungen behandeln und Filterparameter in Funktionen übergeben, um eine flexible Filterung zu erreichen. 6. Wenn Sie es verwenden, achten Sie darauf, dass die Booleschen Werte zurückgegeben werden, um leere Arrays zurückzugeben, und kombinieren Sie andere Methoden, um eine komplexe Logik wie die String -Matching zu implementieren.

In JavaScript ist die Verarbeitung von Arrays eine sehr häufige Aufgabe bei der täglichen Entwicklung. Wenn Sie eine Reihe von Objekten haben und Objekte herausfiltern möchten, die die Bedingungen basierend auf bestimmten Bedingungen erfüllen, ist filter() -Methode ein sehr praktisches Instrument.

Was ist filter ()?

filter() ist eine integrierte Methode eines Arrays, das ein neues Array erstellt, das alle Elemente enthält, die den Test bestehen (dh Elemente, deren Rückruffunktion true wird). Diese Methode ändert das ursprüngliche Array nicht, sondern gibt ein Neues Array zurück.

Die grundlegende Syntax ist wie folgt:

 const newArray = array.filter ((element) => {
  Rückkehrbedingung;
});

So filtern Sie ein Array von Objekten nach Attributwerten

Dies ist eines der häufigsten Nutzungsszenarien. Sie haben beispielsweise eine Benutzerliste und möchten Benutzer älter als 30 Jahre finden.

Angenommen, Ihre Datenstruktur sieht so aus:

 const user = [
  {Name: 'Alice', Alter: 28},
  {Name: 'Bob', Alter: 35},
  {Name: 'Charlie', Alter: 30}
];

Sie können auf diese Weise schreiben:

 const aduls = user.filter (user => user.age> 30);

Das Ergebnis ist [ { name: 'Bob', age: 35 } ] .

• Hinweis: Die Rückruffunktion im filter muss einen Booleschen Wert zurückgeben.
• Wenn Sie vergessen, return zu schreiben, oder die Pfeilfunktion nicht implizit zurückgibt, erhalten Sie möglicherweise ein leeres Array.

Wie filterte Multi-Konditions-Filter?

Manchmal müssen Sie mehrere Bedingungen zusammen beurteilen. Sie möchten beispielsweise Benutzer finden, die "Ager als 30 sind und deren Namenslänge mehr als 3 ist".

Sie können auf diese Weise schreiben:

 const filtered = user.filter (user => user.age> 30 && user.name.length> 3);

Oder teilen Sie die Logik klarer auf:

 const filtriert = user.filter (user => {
  const Oldenough = user.age> 30;
  const namelong = user.name.length> 3;
  kehren Sie OldEdenough && Namelong zurück;
});

Diese Schreibmethode eignet sich besser für die Beurteilung komplexer Bedingungen und ist leichter zu debuggen.

Wie gehe ich mit dynamischen Bedingungen um?

Manchmal sind die Filterbedingungen nicht festgelegt, können jedoch von Benutzern eingegeben werden. Zu diesem Zeitpunkt können Sie die Bedingungen in Variablen oder Funktionsparameter einwickeln.

Zum Beispiel:

 Funktion filterbyage (Benutzer, Minage) {
  return user.filter (user => user.age> = minage);
}

const result = filterByage (Benutzer, 30);

Auf diese Weise können Benutzer nach verschiedenen Mindestalter flexibel überprüft werden.

Sie können sich auch auf mehrere dynamische Parameter erweitern:

 Funktionsfilteruser (Benutzer, Minage, Maxage) {
  return user.filter (user => user.age> = minage && user.age <= maxage);
}

Tipps und FAQs

• filter() gibt ein neues Array zurück und ändert das ursprüngliche Array nicht.
• Wenn keine Elemente den Zustand erfüllen, wird ein leeres Array zurückgegeben, nicht undefined .
• Vergessen Sie nicht, in der Rückruffunktion return , insbesondere wenn {} verwendet wird.
• Sie können includes() , toLowerCase() und andere Methoden zur Erstellung von String -Übereinstimmungen verwenden, z. B. nach Benutzernamen, um ein bestimmtes Schlüsselwort hinzuzufügen.

 // Suchen Sie den Benutzer, dessen Name "a" enthält (Fall unempfindlich)
user.filter (user => user.name.tolowerCase (). Enthält ('a'));

Grundsätzlich sind dies die Operationen. Obwohl es einfach erscheint, kann es viele praktische Bedürfnisse in Kombination erfüllen. Denken Sie nur an die Kernlogik: Elemente, die true zurückgeben, werden beibehalten.

Das obige ist der detaillierte Inhalt vonFiltern Sie eine Reihe von Objekten in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!