ES6 mappa un array 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, si desidera rinominare le chiavi dell'oggetto per renderli più facili da lavorare o più leggibili e comprensibili, come l'accorciamento dei nomi chiave come "Elem" per "elementi","nome di battesimo", O "nome di battesimo" COME "fname", e così via.

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

Mappa un array di oggetti che restituisce una nuova serie di oggetti contenenti nuovi tasti

Usa il "carta geografica()"Metodo per affrontare l'istruzione dichiarata. Il metodo Map () viene utilizzato per iterare su un array e creare un nuovo array aggiungendo valori risultanti di una funzione fornita che chiama su ciascun elemento nell'array originale. Non modifica l'array originale ma ne produce uno nuovo con i risultati della funzione fornita.

Sintassi

Utilizzare la seguente sintassi per il metodo Map ():

mappa ((element) =>
// ..
)

Esempio

Crea una matrice di oggetti chiamati "Arrobj":

var arrobj = [nome: "Paul", id: 3, età: 23,
Nome: "Meyer", id: 5, età: 25,
nome: "razim", id: 11, età: 27
"

Chiama il metodo Map () con le chiavi degli oggetti come argomenti e una funzione freccia/callback che eseguirà per ogni elemento array. Qui, imposteremo le chiavi di un "Arrobj"Alle nuove chiavi nella funzione di callback:

const newarrayobj = arrobj.map ((name, id, age) => (
Newid: id,
Newname: nome,
Newage: età
));

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

console.log (newarrayobj);

Si può vedere che la nuova serie di oggetti chiamati "newarrayobj"Contiene" tasti nuovi/aggiornati "con gli stessi valori e in modo riordinato:

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

Conclusione

Per mappare un array di oggetti in una nuova serie di oggetti con nuove chiavi, usa 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 una serie di oggetti con nuove chiavi.