ES6 Map Un tableau d'objets pour renvoyer un tableau d'objets avec de nouvelles clés

En travaillant avec JavaScript, vous devrez peut-être réorganiser les données en fonction des clés. Parfois, vous voulez renommer les clés de l'objet pour les rendre plus faciles à travailler avec ou plus lisibles et compréhensibles, comme le raccourcissement des noms de clés comme «elem" pour "éléments","prénom", ou "prénom" comme "fname", et ainsi de suite.

Ce message définira la méthode pour cartographier un tableau d'objets pour renvoyer un nouveau tableau contenant de nouvelles clés.

Carte un tableau d'objets qui renvoie un nouveau tableau d'objets contenant de nouvelles clés

Utilisez le "carte()»Méthode pour résoudre l'énoncé indiqué. La méthode map () est utilisée pour parcourir un tableau et créer un nouveau tableau en ajoutant des valeurs résultantes d'une fonction fournie qui appelle chaque élément du tableau d'origine. Il ne modifie pas le tableau d'origine mais en sortira un nouveau avec les résultats de la fonction fournis.

Syntaxe

Utilisez la syntaxe suivante pour la méthode map ():

map ((élément) =>
//…
)

Exemple

Créez un tableau d'objets nommés «arrobj»:

var arrobj = [nom: "Paul", id: 3, âge: 23,
nom: "Meyer", id: 5, âge: 25,
nom: "Razim", ID: 11, âge: 27
]]

Appelez la méthode map () avec les clés des objets comme arguments et une fonction flèche / rappel qui s'exécutera pour chaque élément de tableau. Ici, nous allons définir les clés d'un «arrobj”Aux nouvelles clés de la fonction de rappel:

const newArrayobj = arrobj.map ((name, id, âge) => (
NewId: ID,
Nom de nouveau: nom,
Newage: âge
));

Enfin, imprimez le nouveau tableau avec de nouvelles clés sur la console:

console.log (newArrayoBj);

On peut voir que le nouveau tableau d'objets nommés «NewArrayobj»Contient des« clés nouvelles / mises à jour »avec les mêmes valeurs et de manière réorganisée:

Il s'agit de cartographier un tableau d'objets pour renvoyer un tableau d'objets avec de nouvelles clés en javascript.

Conclusion

Pour cartographier un tableau d'objets dans un nouveau tableau d'objets avec de nouvelles clés, utilisez le «carte()" méthode. Cette méthode itère chaque élément d'un tableau d'objets et donne un nouveau tableau en appelant une fonction de rappel avec la fonction spécifiée. Ce message a défini la procédure pour cartographier un tableau d'objets pour renvoyer un tableau d'objets ayant de nouvelles clés.