Finden Sie einen Wert in einer Reihe von Objekten in JavaScript

Manchmal müssen Entwickler in einem Array von Objekten nach einem bestimmten Wert oder einer bestimmten Eigenschaft nach einem bestimmten Datenstück suchen, Daten daraus usw. Um den spezifischen Wert in einem Array von Objekten zu finden, verwenden Sie die integrierten JavaScript-integrierten Methoden, die als "die" genannt werden "finden()”Methode oder die“findIndex ()Methode, um den Index des spezifischen Wertes zu erhalten.

In diesem Artikel wird das Verfahren demonstriert, um den Wert in einem Array von Objekten in JavaScript zu finden/zu bestimmen.

So finden/bestimmen Sie einen Wert in einem Array von Objekten in JavaScript?

Verwenden Sie die folgenden Methoden, um einen Wert/Element in einem Array von Objekten zu finden:

• “Array.finden()" Methode
• “Array.findIndex ()" Methode
• “für”Schleife

Methode 1: Finden/bestimmen Sie einen Wert in einem Array von Objekten mit „Array.find () ”Methode

Um den Wert/Element in einem Array von Objekten zu finden/zu bestimmen, verwenden Sie die “Array.finden()" Methode. Die Find () -Methode gibt das erste Element im Array an, das die angegebene Funktion erfüllt/erfüllt.

Syntax

Verwenden Sie die angegebene Syntax für die Find () -Methode:

find ((element) =>
//
)

Diese Methode akzeptiert eine Rückruffunktion als Parameter, die für jedes Element im Array aufgerufen wird. Diese Rückruffunktion sollte einen booleschen Wert angeben, der angibt, ob das aktuelle Element die Bedingung erfüllt.

Beispiel

Erstellen Sie eine Reihe von Objekten, die genannt werden “BenutzerinformationDas speichert die Informationen des Benutzers als Objekt:

var userInfo = [

Name: "Mari",
Alter: 25,
Bezeichnung: 'HR'
,

FirstName: "Emma",
Alter: 20,
Bezeichnung: 'Konten'
,

FirstName: "Mia",
Alter: 28,
Bezeichnung: 'Admin' ''

];

Ruf den "finden()"Methode, um das Benutzerobjekt zu erhalten, dessen Bezeichnung ist"HR”:

var valueFound = userInfo.find (obj => obj.Bezeichnung === 'HR');

Drucken Sie das Ergebnis auf der Konsole:

Konsole.log (valueFound);

Es ist erwähnenswert, dass die Find () -Methode nur das erste Element zurückgibt, das die einzelnen oder mehrere Bedingungen erfüllt:

Es kann beobachtet werden, dass die Find () -Methode erfolgreich über das Array sucht und das Benutzerobjekt mit der übereinstimmenden Bezeichnung findet.

Methode 2: Finden/bestimmen Sie einen Wert in einem Array von Objekten mit „Array.findIndex () ”Methode

Verwenden Sie die “findIndex ()Methode, die es auch ermöglicht, den Wert in einem Array von Objekten zu finden. Im Gegensatz zur Methode find () gibt FindIndex () den Index des ersten Elements aus, das eher einen bestimmten Zustand als das Element selbst erfüllt. Wenn kein Element gefunden/existiert, gibt es -1 zurück.

Syntax

Befolgen Sie die angegebene Syntax für die findIndex () -Methode:

findIndex ((element) =>
//
)

Diese Methode akzeptiert auch eine Rückruffunktion als Parameter.

Beispiel

Rufen Sie die methode findIndex () auf, um das Benutzerobjekt aus der “zu findenBenutzerinformation"Array, dessen Bezeichnung lautet"Konten”. Es wird den Index des ersten Elements zurückgeben, dessen Bezeichnung den Konten entspricht:

var valueIndex = userInfo.findIndex (obj => obj.Bezeichnung === 'Konten');

Überprüfen Sie den zurückgegebenen Index, wenn er nicht gleich -1 ist, und drucken Sie den Wert dieses Index auf der Konsole aus:

if (valueIndex !== -1)
Konsole.log (userInfo [valueIndex]);

Ausgang

Methode 3: Finden/bestimmen Sie einen Wert in einem Array von Objekten, die "für" Schleife verwenden

Der am häufigsten verwendete Weg, um Wert aus einem Array, einem Objekt oder einem Array von Objekten zu erhalten, verwenden Sie die “für”Schleife. Es iteriert das Array und verwendet in der Schleife eine IF -Anweisung, um zu überprüfen, ob das aktuelle Element die Bedingung erfüllt. Sobald das Element gefunden wurde, stoppen Sie die Schleife mit der “brechen" Stellungnahme.

Syntax

Für die Verwendung der “für”Loop, verwenden Sie die bereitgestellte Syntax:

für (var i = 0; i< array.length; i++)
//…

Beispiel

Setzen Sie zunächst den Wert -1 auf die Variable “Wertfund”, Die auf den Index aktualisiert werden, der die Bedingung erfüllt:

var valueFound = -1;

Iterieren Sie das Array bis zu seiner Länge und identifizieren Sie das Objekt, dessen Alter gleich ist “28”. Wenn das Objekt gefunden wird, aktualisieren Sie den Index der Variablen “WertfundUnd stoppen die Schleife:

für (var i = 0; i< userInfo.length; i++)
if (userInfo [i].Alter == '28')
valueFound = i;
brechen;

Drucken Sie schließlich das Objekt auf der Konsole mit der “aus“Konsole.Protokoll()" Methode:

Konsole.log (userInfo [valueFound]);

Wie Sie sehen, dass das Objekt, dessen Alter 28 ist, auf der Konsole gedruckt wurde:

Es geht darum, den Wert in einer Reihe von Objekten in JavaScript zu finden.

Abschluss

Verwenden Sie das „Wert/Element in einem Array von Objekten, um das Element in einem Array von Objekten zu finden“ die “Array.finden()" Methode, "Array.findIndex ()Methode oder die “für”Schleife. Die Find () -Methode gibt nur das erste Element zurück, das die Bedingung erfüllt, während die methode findIdex () den Index der ersten Elemente ergibt, die die angegebene Bedingung erfüllen. In diesem Artikel wurde das Verfahren zum Ermitteln des Wertes in einem JavaScript -Array von Objekten gezeigt.