Wie filtere ich ein Array von Objekten basierend auf bestimmten Kriterien in JavaScript?

JavaScript-Filter-Array von Objekten: Suche nach bestimmten Kriterien

Ein Array von Objekten bietet eine bequeme Möglichkeit, Daten zu organisieren, aber manchmal ist es notwendig um darin nach bestimmten Informationen zu suchen. Durch die Nutzung der Filtermethode von JavaScript oder der grep-Funktion von jQuery können Sie solche Suchvorgänge effizient durchführen.

Um Objekte in einem Array von Objekten zu finden, müssen Sie die Kriterien für die Suche angeben. In diesem Beispiel möchten Sie Objekte identifizieren, bei denen die Eigenschaft „Name“ „Joe“ und die Eigenschaft „Alter“ kleiner als 30 ist.

Verwendung der modernen JavaScript-Lösung:

<code class="javascript">const found_names = names.filter(v => v.name === "Joe" && v.age < 30);</code>

Diese Zeile erstellt ein Array „found_names“, das alle Objekte enthält, die den angegebenen Kriterien entsprechen. Die Methode Array.prototype.filter() durchläuft jedes Element im Namensarray und wendet dabei die bereitgestellte anonyme Funktion an. Wenn die Funktion für ein bestimmtes Element „true“ zurückgibt, wird dieses Element zum Array „found_names“ hinzugefügt.

Alternativ, wenn Sie jQuery bevorzugen:

<code class="javascript">var found_names = $.grep(names, function(v) {
    return v.name === "Joe" && v.age < 30;
});</code>

jQuerys $.grep()-Funktion funktioniert ähnlich wie die Methode Array.prototype.filter() und filtert ein Array basierend auf einer angegebenen Bedingung. Es durchläuft das Namensarray und wendet die Bedingung auf jedes Objekt an. Das Ergebnis ist ein Array mit den Objekten, die die Kriterien erfüllen.

Mit diesen Methoden können Sie mühelos ein Array von Objekten durchsuchen und bestimmte Daten finden, wodurch komplexe Suchvorgänge vereinfacht und die Effizienz Ihrer JavaScript-Anwendungen gesteigert werden .

Das obige ist der detaillierte Inhalt vonWie filtere ich ein Array von Objekten basierend auf bestimmten Kriterien in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!