Wie kann ich JavaScript-Objekte mit passenden Eigenschaftswerten finden?

Ein Objekt mit einem passenden Wert in einem Array von JavaScript-Objekten finden

Sie haben ein Array von JavaScript-Objekten und müssen ein Objekt finden mit einem bestimmten Wert für eine bestimmte Eigenschaft. So können Sie dies erreichen:

Verwenden der find()-Methode

const result = myArray.find(x => x.id === '45').foo;

Dieser Code verwendet die find()-Methode, um das Array zu durchlaufen, und gibt die zurück erstes Objekt, dessen ID-Eigenschaft mit dem angegebenen Wert übereinstimmt. Anschließend wird auf die foo-Eigenschaft des passenden Objekts zugegriffen und diese als Ergebnis zurückgegeben.

Verwenden der findIndex()-Methode

const index = myArray.findIndex(x => x.id === '45');

Wenn Sie den Index von ermitteln müssen Um das passende Objekt zu finden, können Sie die Methode findIndex() verwenden. Diese Methode gibt den Index des ersten Objekts zurück, das die gegebene Bedingung erfüllt.

Verwenden der filter()-Methode

Um ein Array übereinstimmender Objekte zu erhalten, verwenden Sie den Filter( ) Methode:

const matchingObjects = myArray.filter(x => x.id === '45');

Dies gibt ein Array von Objekten zurück, die den angegebenen Anforderungen entsprechen Bedingung.

Verwendung der Methode „map()“ mit der Methode „filter()“

Um aus den übereinstimmenden Objekten ein Array spezifischer Eigenschaften zu erstellen, kombinieren Sie „map()“ und „filter()“ :

const fooValues = myArray.filter(x => x.id === '45').map(x => x.foo);

Dies gibt ein Array zurück, das die foo-Werte der übereinstimmenden Objekte enthält.

Kompatibilität Hinweis

Bei älteren Browsern müssen Sie Ihren Code möglicherweise mit Babel transpilieren, um Methoden wie find(), filter() und Pfeilfunktionen zu unterstützen.

Das obige ist der detaillierte Inhalt vonWie kann ich JavaScript-Objekte mit passenden Eigenschaftswerten finden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!