Wie füge ich mithilfe von JavaScript Map und Object Spread zusätzliche Eigenschaften zu Objektarrays hinzu?

Anreichern von Objektarrays mit zusätzlichen Eigenschaften: Hinzufügen von „Aktiv“ zu jedem Element

In einem realen Programmierszenario müssen Sie möglicherweise vorhandene Objektarrays erweitern mit zusätzlichen Eigenschaften. Betrachten Sie beispielsweise ein Array von Objekten, die Benutzerdaten darstellen und jeweils eine „ID“ und einen „Namen“ enthalten. Um ihren Aktivitätsstatus zu verfolgen, möchten Sie jedem Objekt eine „Aktiv“-Eigenschaft hinzufügen.

Verwenden von Array.prototype.map() zum Erweitern von Objekten

Ein eleganter Ansatz für dieses Problem ist die Hebelwirkung die Array.prototype.map()-Methode. Diese Methode erstellt ein neues Array, indem sie auf jedes Element des ursprünglichen Arrays eine Transformationsfunktion anwendet. In unserem Fall definieren wir eine Funktion, die ein Objekt annimmt und ein neues Objekt mit einer zusätzlichen Eigenschaft „Aktiv“ zurückgibt, die auf „false“ gesetzt ist.

<code class="javascript">const updatedResults = Results.map(obj => ({
  ...obj, // Copy existing properties
  Active: 'false' // Add new "Active" property
}));</code>

Durch die Anwendung der Methode „map()“ erhalten Sie eine neues Array „updatedResults“, in dem jedes Objekt die gewünschte „Aktiv“-Eigenschaft hat. Das ursprüngliche Array „Ergebnisse“ bleibt unverändert.

Verstehen der Objektverteilungssyntax

Die „…“-Syntax in der Funktion wird als Objektverteilungssyntax bezeichnet. Es kopiert alle aufzählbaren Eigenschaften von einem Objekt in ein anderes. In diesem Fall verwenden wir es, um die vorhandenen Eigenschaften („id“ und „name“) beizubehalten und gleichzeitig die neue Eigenschaft „Aktiv“ hinzuzufügen.

Ausgabeüberprüfung

Nach der Ausführung des obigen Codes Sie können das Array „updatedResults“ überprüfen, um zu bestätigen, dass für jedes Objekt jetzt die Eigenschaft „Active“ auf „false“ gesetzt ist:

<code class="javascript">console.log(updatedResults);
// Output:
// [
//   { id: 1, name: 'Rick', Active: 'false' },
//   { id: 2, name: 'david', Active: 'false' }
// ]</code>

Schlussfolgerung

Durch die Verwendung von Array.prototype.map( ) und der Objektverteilungssyntax können Sie Arrays von Objekten problemlos mit zusätzlichen Eigenschaften erweitern. Diese Technik ist in verschiedenen Programmierszenarien weit verbreitet, in denen Sie Datenstrukturen dynamisch erweitern und bearbeiten müssen.

Das obige ist der detaillierte Inhalt vonWie füge ich mithilfe von JavaScript Map und Object Spread zusätzliche Eigenschaften zu Objektarrays hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!