Heim >Web-Frontend >js-Tutorial >Wie kann ich Eigenschaftswerte in JavaScript effizient in ein Array extrahieren?

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

DDD
DDDOriginal
2024-12-24 07:57:14900Durchsuche

How Can I Efficiently Extract Property Values into an Array in JavaScript?

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!

Stellungnahme:
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