Heim > Web-Frontend > js-Tutorial > Wie finde ich ein JavaScript-Objekt in einem Array anhand seines Eigenschaftswerts?

Wie finde ich ein JavaScript-Objekt in einem Array anhand seines Eigenschaftswerts?

Susan Sarandon
Freigeben: 2024-12-26 02:16:09
Original
232 Leute haben es durchsucht

How to Find a JavaScript Object in an Array by its Property Value?

JavaScript-Objekt im Array anhand des Eigenschaftswerts identifizieren

Frage:

Gegeben sei ein Array von Objekten wie:

var jsObjects = [
   {a: 1, b: 2}, 
   {a: 3, b: 4}, 
   {a: 5, b: 6}, 
   {a: 7, b: 8}
];
Nach dem Login kopieren

Wie können wir das dritte Objekt ({a: 5, b: 6}) allein basierend auf dem Wert von a abrufen? Eine bestimmte Eigenschaft wie b ohne Verwendung einer for...in-Schleife erstellen?

Antwort:

Die Methode Array.prototype.filter() bietet eine elegante Lösung zu diesem Problem. Es ermöglicht uns, ein Array basierend auf einer angegebenen Bedingung zu filtern und ein neues Array zurückzugeben, das nur die passenden Elemente enthält.

Um das Array von Objekten basierend auf dem Wert der b-Eigenschaft zu filtern, können wir den folgenden Code verwenden :

var result = jsObjects.filter(obj => {
  return obj.b === 6
})
Nach dem Login kopieren

In diesem Code nimmt die Filterfunktion ein Objekt als Eingabe und prüft, ob seine b-Eigenschaft gleich 6 ist. Wenn die Bedingung erfüllt ist, wird das Objekt in das Ergebnis einbezogen Array.

Ausgabe:

Das Ergebnisarray enthält das folgende Element:

[{a: 5, b: 6}]
Nach dem Login kopieren

Diese Methode ruft das gewünschte Objekt effektiv mit minimalem Code ab und ohne dass das Array durchlaufen werden muss.

Das obige ist der detaillierte Inhalt vonWie finde ich ein JavaScript-Objekt in einem Array anhand seines Eigenschaftswerts?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage