Wie kann ich Eigenschaftswerte in JavaScript effizient in ein Array extrahieren?

Eigenschaftswerte als Arrays in JavaScript extrahieren

In JavaScript ist die Arbeit mit Arrays von Objekten ein häufiges Szenario. Eine häufige Aufgabe besteht darin, bestimmte Eigenschaftswerte aus jedem Objekt zu extrahieren und ein Array mit diesen Werten zu erstellen. Während benutzerdefinierte Funktionen dies erreichen können, gibt es elegantere und idiomatischere Ansätze.

Ursprüngliche Frage

Bei einem Objektarray mit einer bestimmten Struktur besteht das Ziel darin, aus jedem ein Feld (eine Eigenschaft) zu extrahieren Objekt und geben ein Array zurück, das diese Werte enthält. Beispielsweise sollte das Extrahieren des Felds „foo“ ein Array [1, 3, 5] aus dem folgenden Objektarray ergeben:

objArray = [ { foo: 1, bar: 2}, { foo: 3, bar: 4}, { foo: 5, bar: 6} ];

Idiomatische Lösungen

Anstelle der Verwendung einer herkömmlichen for-Schleife und Push-Ansatz berücksichtigen Sie diese idiomatischen Lösungen:

Methode 1: Array.map() mit Pfeil Funktion

let result = objArray.map(a => a.foo);

Methode 2: Array.map() mit Objektdestrukturierung

let result = objArray.map(({ foo }) => foo);

Funktionsbeschreibung

Beide Methoden nutzen die Methode Array.prototype.map(), die jedes Element in einem Array mithilfe einer bereitgestellten Rückruffunktion transformiert. In unserem Fall extrahiert die Callback-Funktion das angegebene Feld („foo“) aus jedem Objekt. Die Funktion „map()“ gibt ein neues Array zurück, das die transformierten Elemente enthält, die dann der Ergebnisvariablen zugewiesen werden.

Referenz für Array.map()

Weitere Informationen zu Array.prototype. map(), siehe Mozilla Developer Network (MDN) Dokumentation:
[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map](https://developer.mozilla.org/en-US/docs /Web/JavaScript/Reference/Global_Objects/Array/map)

Das obige ist der detaillierte Inhalt vonWie kann ich Eigenschaftswerte in JavaScript effizient in ein Array extrahieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!