Heim > Web-Frontend > js-Tutorial > Hauptteil

So fügen Sie mit Array.prototype.map() eine Eigenschaft zu einem Array von Objekten hinzu

Susan Sarandon
Freigeben: 2024-10-23 13:14:02
Original
929 Leute haben es durchsucht

How to Add a Property to an Array of Objects Using Array.prototype.map()

Hinzufügen einer Eigenschaft zu einem Array von Objekten

Sie haben ein Array von Objekten und möchten eine zusätzliche Eigenschaft mit dem Namen „Aktiv“ hinzufügen " zu jedem Objekt. Bei der erwarteten Ausgabe sollte die Eigenschaft allen Objekten im Array hinzugefügt werden.

Um dies zu erreichen, können Sie die Methode Array.prototype.map() verwenden. Diese Methode erstellt ein neues Array, indem sie jedes Element im ursprünglichen Array transformiert. Sie können damit die Eigenschaft „Aktiv“ hinzufügen, indem Sie jedes Objekt einem neuen Objekt zuordnen, das die zusätzliche Eigenschaft enthält.

Hier ist ein Beispiel dafür, wie Sie Array.prototype.map() verwenden können, um die Eigenschaft „Aktiv“ hinzuzufügen. „Active“-Eigenschaft:

<code class="js">const result = Results.map(obj => ({ ...obj, Active: 'false' }));</code>
Nach dem Login kopieren

Im obigen Code erstellt die Methode „map()“ ein neues Array, indem sie jedes Objekt im Ergebnisarray durchläuft. Für jedes Objekt wird ein neues Objekt zurückgegeben, das die ursprünglichen Eigenschaften sowie die hinzugefügte „Aktiv“-Eigenschaft enthält, die auf „false“ gesetzt ist.

Die Methode „map()“ ist ein leistungsstarkes Werkzeug zum Transformieren von Datenarrays. Es ermöglicht Ihnen, die Elemente eines Arrays einfach zu ändern, ohne das ursprüngliche Array zu verändern. Weitere Informationen zur Methode map() finden Sie in der MDN-Dokumentation: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map.

Das obige ist der detaillierte Inhalt vonSo fügen Sie mit Array.prototype.map() eine Eigenschaft zu einem Array von Objekten hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!