Wie extrahiere ich bestimmte Eigenschaften aus einem Array von Objekten in JavaScript?

So extrahieren Sie bestimmte Eigenschaften aus einem Array von Objekten

In JavaScript können Sie auf Szenarien stoßen, in denen Sie über ein Array von Objekten verfügen, von denen jedes eine beträchtliche Anzahl von Eigenschaften enthält , Sie benötigen aber nur einige wenige zur Weiterverarbeitung. Dieser Leitfaden befasst sich mit Techniken zum Extrahieren dieser gewünschten Eigenschaften und zum Erstellen eines neuen Arrays, das nur diese angegebenen Attribute enthält.

Betrachten Sie zur Veranschaulichung das folgende hypothetische Array von Objekten:

<code class="javascript">const dummyArray = [
    { "att1": "something", "att2": "something", /* … */, "att100": "something" },
    { "att1": "something", "att2": "something", /* … */, "att100": "something" },
    // …
];</code>

Methode 1: Objektdestrukturierung verwenden

Objektdestrukturierung ermöglicht es Ihnen, bestimmte Eigenschaften aus einem Objekt zu extrahieren und sie neuen Variablen zuzuweisen. Mithilfe dieser Technik können Sie ein neues Array erstellen, das nur die gewünschten Eigenschaften enthält:

<code class="javascript">const result = dummyArray.map(({ att20, att30, att70, att80 }) => ({
  att20, 
  att30, 
  att70, 
  att80
}));</code>

In diesem Beispiel durchläuft die Methode „map()“ jedes Objekt im dummyArray und gibt nur ein neues Objekt zurück die Eigenschaften att20, att30, att70 und att80.

Methode 2: Verwenden des Löschoperators

Sie können unerwünschte Eigenschaften auch selektiv von jedem Objekt löschen und die gewünschten beibehalten ones:

<code class="javascript">const newDummyArray = dummyArray.map(function(item) { 
    delete item.att1; 
    // …
    return item; 
});</code>

Bei diesem Ansatz wird der Löschoperator verwendet, um unerwünschte Eigenschaften zu entfernen, sodass nur die notwendigen im geänderten Array newDummyArray übrig bleiben.

Das obige ist der detaillierte Inhalt vonWie extrahiere ich bestimmte Eigenschaften aus einem Array von Objekten in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!