Comment convertir la carte en un tableau d'objets en javascript

Comme un objet en JavaScript, une carte est un groupe / collection de paires de valeurs clés. Plus précisément, la conversion d'une carte en un tableau d'objets est un processus de prise des paires de valeurs clés d'une carte et de les transformer en un tableau d'objets, où chaque objet a des propriétés pour la clé et la valeur. Cela peut être utile lorsque vous travaillez avec les données dans un tableau plutôt qu'un format de carte. En JavaScript, cela peut être fait en utilisant le tableau.de () méthode ou carte.Méthode foreach ().

Cet article décrira les méthodes pour convertir une carte en un tableau d'objets en JavaScript.

Comment convertir une carte en un tableau d'objets en javascript?

Pour convertir une carte JavaScript en un tableau d'objets, utilisez les méthodes divisées:

• • Déployer.De () méthode
  • Carte.Méthode foreach ()

Méthode 1: Convertir la carte en un tableau d'objets utilisant un tableau.De () méthode

Pour la conversion de la carte en un tableau comprend des objets, utilisez le «Déployer.depuis()”Méthode en passant la fonction et la carte comme un argument où la carte est itérée par la fonction et donne un objet qui contient la paire de valeurs de clé actuelle. Le tableau.De () méthode crée une nouvelle instance d'un tableau à partir d'un objet donné, comme la carte, le tableau, etc.

Syntaxe

Utilisez la syntaxe donnée pour le tableau.From () Méthode:

Déployer.De (map, mapfunction)

Exemple

Créez d'abord une nouvelle instance de carte:

const map1 = new Map ();

Maintenant, ajoutez les valeurs dans un format de valeur clé dans MAP à l'aide de la méthode set ():

map1.set ('name', 'John');
map1.set («hobby», «lecture du livre»);
map1.set («compétence», «rédacteur de contenu»);

Appeler le tableau.From () Méthode et renvoie un objet contenant des paires de valeurs clés en itérant la carte:

const arrobj = tableau.From (map1, fonction ([clé, valeur])
return [key]: value;
);

Enfin, imprimez le tableau d'objets résultante sur la console:

console.log (arrobj);

On peut observer que la carte a été convertie avec succès en un tableau d'objets:

Méthode 2: Convertir la carte en un tableau d'objets dans JavaScript en utilisant la carte.Méthode foreach ()

Utilisez le "Carte.pour chaque()”Méthode pour itérer la carte et stocker les objets dans un tableau vide. La méthode foreach () exécute une fonction donnée une fois pour chaque paire de valeurs de clé dans l'objet Map.

Syntaxe

Utilisez la syntaxe suivante pour utiliser la méthode foreach ():

foreach ((valeur, key) =>
//faire quelque chose
)

Il contient une fonction de rappel avec la valeur des paramètres et la clé.

Exemple

Créer un objet de carte nommé "map1»:

const map1 = new map ([[
['nom', 'John'],
['Hobby', 'Book Reading'],
[«Compétence», «rédacteur de contenu»]
]));

Maintenant, créez une variable qui stocke un tableau vide:

const arrobj = [];

Faire boucle la carte à l'aide de la boucle foreach () et enveloppez chaque paire de valeurs de clé dans un objet et poussez l'objet dans le tableau vide à l'aide du «pousser()" méthode:

map1.foreach ((valeur, key) =>
arrobj.push (key, value);
);

Enfin, imprimez le tableau des objets résultants sur la console à l'aide du «console.enregistrer()" méthode:

console.log (arrobj);

Sortir

Nous avons compilé toutes les instructions nécessaires liées à la conversion de la carte en un tableau d'objets.

Conclusion

Pour convertir une carte en un tableau d'objets, utilisez le "Déployer.depuis()«Méthode ou le«Carte.pour chaque()" méthode. Les deux méthodes fonctionnent bien mais le tableau.De () la méthode est plus rapide car elle crée un nouveau tableau avec les mêmes éléments que la carte, il n'y a donc pas besoin d'un tableau supplémentaire vide. Cet article a décrit les méthodes pour convertir une carte en un tableau comprend des objets.