ES6 Breng een reeks objecten in kaart om een ​​reeks objecten met nieuwe sleutels te retourneren

Es6 Breng Een Reeks Objecten In Kaart Om Een Reeks Objecten Met Nieuwe Sleutels Te Retourneren



Tijdens het werken met JavaScript moet u mogelijk de gegevens herschikken op basis van de sleutels. Soms wilt u de objectsleutels hernoemen om ze gemakkelijker te kunnen gebruiken of leesbaarder en begrijpelijker te maken, zoals het verkorten van de sleutelnamen als ' element ' voor ' elementen ”, “ Voornaam ', of ' Voornaam ' als ' fNaam ', enzovoort.

Dit bericht definieert de methode om een ​​reeks objecten in kaart te brengen om een ​​nieuwe reeks met nieuwe sleutels te retourneren.

Breng een reeks objecten in kaart die een nieuwe reeks objecten met nieuwe sleutels retourneert

Gebruik de ' kaart() ”methode om de vermelde verklaring aan te pakken. De methode map() wordt gebruikt om een ​​array te herhalen en een nieuwe array te maken door resulterende waarden toe te voegen van een opgegeven functie die elk element in de oorspronkelijke array aanroept. Het verandert de originele array niet, maar voert een nieuwe uit met de resultaten van de geleverde functie.







Syntaxis



Gebruik de volgende syntaxis voor de map() methode:



kaart ( ( element ) => {

//……

} )

Voorbeeld

Maak een reeks objecten met de naam ' arrObj ”:





waar arrObj = [ { naam : 'Paulus' , ID kaart : 3 , leeftijd : 23 } ,

{ naam : 'Meyer' , ID kaart : 5 , leeftijd : 25 } ,

{ naam : 'Daar ben ik het mee eens' , ID kaart : elf , leeftijd : 27 }

]

Roep de methode map() aan met sleutels van objecten als argumenten en een pijl/callback-functie die voor elk array-element wordt uitgevoerd. Hier zullen we de sleutels instellen van een ' arrObj ” naar de nieuwe toetsen in de callback-functie:

const newArrayObj = arrObj. kaart ( ( { naam, id, leeftijd } ) => ( {

nieuwId : ID kaart,

nieuwe naam : naam,

nieuweAge : leeftijd

} ) ) ;

Druk ten slotte de nieuwe array af met nieuwe toetsen op de console:



troosten. loggen ( newArrayObj ) ;

Het is te zien dat de nieuwe reeks objecten met de naam ' newArrayObj ” bevat 'nieuwe/bijgewerkte sleutels' met dezelfde waarden en in een opnieuw geordende manier:

Dat gaat allemaal over het in kaart brengen van een reeks objecten om een ​​reeks objecten met nieuwe sleutels in JavaScript te retourneren.

Conclusie

Gebruik de ' kaart() ” methode. Deze methode herhaalt elk element van een array van objecten en geeft een nieuwe array door een callback-functie aan te roepen met de opgegeven functie. Dit bericht definieerde de procedure om een ​​reeks objecten in kaart te brengen voor het retourneren van een reeks objecten met nieuwe sleutels.