ES6 Assigna una matriu d'objectes per retornar una matriu d'objectes amb claus noves

Es6 Assigna Una Matriu D Objectes Per Retornar Una Matriu D Objectes Amb Claus Noves



Mentre treballeu amb JavaScript, és possible que hàgiu de reordenar les dades en funció de les claus. De vegades, voleu canviar el nom de les claus d'objecte per fer-les més fàcils de treballar o més llegibles i entenedores, com ara escurçar els noms de les claus com a ' element ' per ' elements ”, “ nom ”, o “ nom ' com ' fNom ', etcètera.

Aquesta publicació definirà el mètode per mapar una matriu d'objectes per retornar una matriu nova que conté claus noves.

Assigna una matriu d'objectes que retorna una matriu nova d'objectes que conté claus noves

Utilitzar el ' mapa () ” mètode per abordar la declaració indicada. El mètode map() s'utilitza per iterar sobre una matriu i crear una nova matriu afegint valors resultants d'una funció proporcionada que crida a cada element de la matriu original. No canvia la matriu original, sinó que en genera una de nova amb els resultats de la funció proporcionada.







Sintaxi



Utilitzeu la sintaxi següent per al mètode map():



mapa ( ( element ) => {

//……

} )

Exemple

Creeu una matriu d'objectes anomenada ' arrObj ”:





on arrObj = [ { nom : 'Pau' , id : 3 , edat : 23 } ,

{ nom : 'Meyer' , id : 5 , edat : 25 } ,

{ nom : 'Estic dacord' , id : 11 , edat : 27 }

]

Truqueu al mètode map() amb les claus d'objectes com a arguments i una funció de fletxa/callback que s'executarà per a cada element de la matriu. Aquí, establirem les claus d'un ' arrObj ” a les noves tecles de la funció de devolució de trucada:

const nouArrayObj = arrObj. mapa ( ( { nom, identificació, edat } ) => ( {

nouId : identificació,

nouNom : nom,

nova era : edat

} ) ) ;

Finalment, imprimiu la nova matriu amb noves claus a la consola:



consola. registre ( nouArrayObj ) ;

Es pot veure que la nova matriu d'objectes anomenada ' nouArrayObj ” conté “claus noves/actualitzades” amb els mateixos valors i de manera reordenada:

Es tracta de mapejar una matriu d'objectes per retornar una matriu d'objectes amb claus noves a JavaScript.

Conclusió

Per mapar una matriu d'objectes en una nova matriu d'objectes amb claus noves, utilitzeu el botó “ mapa () ” mètode. Aquest mètode itera tots els elements d'una matriu d'objectes i dóna una nova matriu cridant una funció de devolució de trucada amb la funció especificada. Aquesta publicació va definir el procediment per mapar una matriu d'objectes per retornar una matriu d'objectes amb claus noves.