ES6 mappa una matrice di oggetti per restituire una matrice di oggetti con nuove chiavi

Es6 Mappa Una Matrice Di Oggetti Per Restituire Una Matrice Di Oggetti Con Nuove Chiavi



Mentre si lavora con JavaScript, potrebbe essere necessario riorganizzare i dati in base alle chiavi. A volte, vuoi rinominare le chiavi dell'oggetto per renderle più facili da usare o più leggibili e comprensibili, ad esempio abbreviando i nomi delle chiavi come ' elemento ' per ' elementi ”, “ nome di battesimo ', O ' nome di battesimo ' COME ' fNome ', e così via.

Questo post definirà il metodo per mappare un array di oggetti per restituire un nuovo array contenente nuove chiavi.

Mappa una matrice di oggetti che restituisce una nuova matrice di oggetti contenente nuove chiavi

Usa il ' carta geografica() ” metodo per affrontare la dichiarazione dichiarata. Il metodo map() viene utilizzato per iterare su un array e creare un nuovo array aggiungendo i valori risultanti di una funzione fornita che chiama ogni elemento nell'array originale. Non modifica l'array originale ma ne genera uno nuovo con i risultati della funzione fornita.







Sintassi



Utilizzare la seguente sintassi per il metodo map():



carta geografica ( ( elemento ) => {

//……

} )

Esempio

Crea un array di oggetti denominato ' arrObj ”:





dove arrObj = [ { nome : 'Paolo' , id : 3 , età : 23 } ,

{ nome : 'Mayer' , id : 5 , età : 25 } ,

{ nome : 'Sono d'accordo' , id : undici , età : 27 }

]

Chiama il metodo map() con le chiavi degli oggetti come argomenti e una funzione freccia/callback che verrà eseguita per ogni elemento dell'array. Qui, imposteremo le chiavi di un ' arrObj ” ai nuovi tasti nella funzione di richiamata:

cost newArrayObj = arrObj. carta geografica ( ( { nome, id, età } ) => ( {

nuovoId : id,

nuovo nome : nome,

nuova era : età

} ) ) ;

Infine, stampa il nuovo array con le nuove chiavi sulla console:



consolare. tronco d'albero ( newArrayObj ) ;

Si può vedere che il nuovo array di oggetti denominato ' newArrayObj ” contiene “chiavi nuove/aggiornate” con gli stessi valori e in modo riordinato:

Si tratta di mappare un array di oggetti per restituire un array di oggetti con nuove chiavi in ​​JavaScript.

Conclusione

Per mappare un array di oggetti in un nuovo array di oggetti con nuove chiavi, utilizzare il ' carta geografica() ' metodo. Questo metodo itera ogni elemento di un array di oggetti e fornisce un nuovo array chiamando una funzione di callback con la funzione specificata. Questo post ha definito la procedura per mappare un array di oggetti per restituire un array di oggetti con nuove chiavi.