Wie kann ich Objekteigenschaftswerte in JavaScript effizient in ein neues Array extrahieren?

Objekteigenschaftswerte als Array in JavaScript extrahieren

Bei der Arbeit mit Arrays von Objekten besteht eine häufige Aufgabe darin, bestimmte Feldwerte daraus zu extrahieren jedes Objekt und erstelle ein Array dieser Werte.

Naiv Ansatz

Ein einfacher Ansatz besteht darin, über das Array zu iterieren und den gewünschten Eigenschaftswert in ein Ausgabearray zu übertragen:

function getFields(input, field) {
  var output = [];
  for (var i = 0; i < input.length; ++i) {
    output.push(input[i][field]);
  }
  return output;
}

Elegante Lösungen

Es gibt jedoch elegantere und idiomatischere Möglichkeiten, dies durchzuführen Aufgabe:

Array.map()

Array.map() ist eine integrierte Array-Methode, die jedes Element des Arrays mithilfe einer bereitgestellten Rückruffunktion transformiert. Dies kann zum Extrahieren von Eigenschaftswerten verwendet werden:

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

Objektdestrukturierung

Wenn Sie mehrere Eigenschaftswerte extrahieren müssen, können Sie die Objektdestrukturierung innerhalb des Kartenrückrufs verwenden :

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

Dieser Ansatz ist prägnanter und einfacher lesen.

Hinweise:

• Das Beispielarray enthält Objekte mit den Eigenschaften „foo“ und „bar“. Sie können diese Namen durch die tatsächlichen Eigenschaftsnamen ersetzen, die Sie extrahieren müssen.
• Array.map() gibt ein neues Array mit den transformierten Werten zurück, sodass Sie nicht explizit ein Ausgabearray erstellen müssen.
• Weitere Informationen zu dieser Array-Methode finden Sie in der Dokumentation zu Array.prototype.map().

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