So finden Sie ein Objekt durch ID in einem Array von JavaScript -Objekten

In JavaScript werden die Objekte zum Erstellen einer Instanz einer Klasse verwendet, die eine Klasse in unabhängiger Form bestimmen kann. Wenn jedoch mehrere Objekte in einem Array gespeichert werden, ist es sehr schwierig, die erforderlichen zu finden. Um dieses Problem zu beheben, bietet JavaScript verschiedene Methoden, um dieses Objekt zu finden. Zum Beispiel finden Sie das Objekt mit der ID, dem Namen, den Schlüsselwerten und anderen.

In diesem Beitrag wurde die Methode zum Finden einer Objekt -ID in einem Array von JavaScript -Objekten angegeben.

So finden Sie ein Objekt durch ID in einem Array von JavaScript -Objekten?

Es gibt verschiedene Methoden, die zum Auffinden des Objekts in einem Array von JavaScript verwendet werden können, wie zfinden()","Filter","findIndex (), und andere.

Probieren Sie die angegebene Methode eins nach dem anderen aus.

Methode 1: Finden Sie ein Objekt nach ID in einem Array mit "Find ()" JavaScript -Methode

So finden Sie ein Objekt durch ID in einem Array mit der “finden()"JavaScript -Methode, deklarieren Sie ein konstantes Array mit Hilfe des"Const" Stichwort. Fügen Sie dann die folgenden Elemente in das Array hinzu:

const arr = [

ID: 01,
Name: 'JavaScript'
,

ID: 02,
Name: 'Java'
,

ID: 03,
Name: 'HTML/CSS' '
]

Aufrufen "finden()Methode mit der Rückruffunktion, wobei die Objekt -ID gleichbedeutend mit “entspricht“2Und speichern Sie den resultierenden Wert in der deklarierten Variablen:

const Object = arr.find (obj => obj.id === 02);

Verwenden Sie die “Protokoll()Methode und das Argument bestehen "ObjektUm die Ausgabe auf der Konsole zu drucken.

Konsole.Protokoll (Objekt)

Methode 2: Finden Sie ein Objekt nach ID in einem Array mit "findIdex ()" JavaScript -Methode

Sie können das Objekt auch mithilfe der ID mit Hilfe des “findenfindIndex ()" Methode. Deklarieren Sie dazu die Variable mit der “lassenSchlüsselwort und fügen Sie die Daten im Array hinzu:

seienObj = [
ID: '101',
Name: 'Katze'
,

ID: '102',
Name: 'Hund'
,

ID: '103',
Name: 'Kaninchen'
];

Deklarieren Sie eine Konstante und weisen Sie einen Wert gemäß der definierten Konstante zu:

const id = '103';

Jetzt rufen Sie die “auf"findIndex ()Methode entlang einer Rückruffunktion und überprüfen Sie die ID:

var AnimalIndex = AnimalsObj.FindIndex (Animal => Tier.id === id);

Geben Sie nun den Array -Index als Argument an die “weiterProtokoll()Methode, um den Index auf dem Bildschirm anzuzeigen:

Konsole.log ("Index:"+AnimalIndex);

Zeigen Sie das resultierende Array auf der Konsole an:

Konsole.log (tiereObj [AnimalIndex]);

Methode 3: Suchen Sie ein Objekt nach ID in einem Array mit "filter ()" JavaScript -Methode

Erstens, deklarieren Sie eine Konstante und weisen Sie ihm einen Wert zu:

const id = '101';

Sie können auch die Filter () -Methode verwenden, um das Objekt zu finden. Speichern Sie zu diesem Zweck die Elemente in einem Array und nennen Sie die “Filter()Methode zum Aufrufen einer Rückruffunktion und der Überprüfung der ID:

var Animal = AnimalsObj.Filter (Tier => Tier.id === id);
Konsole.log (tiereObj [AnimalIndex]);

Sie haben mehrere Methoden zum Finden eines Objekts durch ID in einem Array von JavaScript -Objekten erfahren.

Abschluss

Um ein Objekt durch ID in einem Array von JavaScript zu finden, gibt es verschiedene Methoden, einschließlich “finden()","Filter", Und "findIndex ()Das kann verwendet werden. Fügen Sie dazu das Element in ein Array hinzu und rufen Sie die Methode mit einer Rückruffunktion auf und überprüfen Sie die ID des Objekts. In diesem Beitrag wurde verschiedene Methoden zum Finden eines Objekts durch ID in einem Array von JavaScript -Objekten angegeben.