Comment convertir les valeurs de carte en un tableau en javascript

Les cartes JavaScript sont introduites dans ES6. Il stocke les paires de valeurs clés dans une liste ordonnée. L'utilisation des cartes peut être extrêmement utile pour stocker des paires de valeurs clés de base comme les identifiants et les noms d'utilisateur. De plus, JavaScript fournit quelques méthodes sur la façon d'itérer pour récupérer les valeurs d'une carte parce que les objets de carte JavaScript sont itérables.

Ce tutoriel décrira la procédure de conversion des valeurs de la carte en un tableau.

Comment convertir / transformer les valeurs de carte en un tableau à l'aide de JavaScript?

Pour transformer les valeurs d'une carte en un tableau, utilisez les méthodes ci-dessous:

• Déployer.De () méthode
• Opérateur de propagation

Méthode 1: Convertir les valeurs de carte en un tableau à l'aide du tableau.De () méthode

Pour convertir les valeurs d'une carte en un tableau, utilisez le «carte.valeurs()«Méthode avec le«Déployer.depuis()" méthode. La carte.La méthode valeurs () est utilisée pour obtenir les valeurs de la carte et du tableau.de () méthode convertit ces valeurs en un tableau.

Syntaxe
Suivez la syntaxe donnée pour convertir les valeurs de carte en un tableau:

Déployer.de (carte.valeurs())

Exemple
Créez un nouvel objet MAP à l'aide du constructeur MAP ():

var map = new Map ();

Définissez les entrées dans une paire de valeurs clés dans la carte à l'aide du «ensemble()" méthode:

carte.set ('1', 'name');
carte.set («2», «âge»);
carte.set ('3', 'email');
carte.set ('4', 'contact #');

Appeler le "valeurs()«Méthode dans le«Déployer.depuis()"Méthode pour obtenir les valeurs de carte et les converties en un tableau et la stocker dans une variable"mapvalues»:

var mapvalues ​​= tableau.de (carte.valeurs());

Enfin, imprimez les valeurs de carte dans un tableau sur la console:

console.journal (mapValues);

La sortie indique que les valeurs de la carte sont converties avec succès en un tableau:

Méthode 2: Convertissez les valeurs de carte en un tableau à l'aide de l'opérateur de diffusion

Une autre façon de transformer les valeurs de la carte en un tableau consiste à utiliser le «opérateur de propagation" avec le "carte.valeurs()" méthode. La carte.La méthode valeurs () obtient d'abord les valeurs de la carte, et l'opérateur d'écart copiera toutes les valeurs de carte dans un tableau.

Syntaxe
Utilisez la syntaxe fourni ci-dessous pour convertir les valeurs de carte en un tableau à l'aide de l'opérateur d'écart:

[… carte.valeurs()]

Exemple
Appeler le "carte.valeurs()«Méthode avec le«opérateur de propagation«Cela convertira les valeurs de la carte en un tableau:

var mapvalues ​​= [… map.valeurs()];

Sortir

Conseil bonus

Si vous souhaitez convertir les clés ou toutes les entrées de carte en un tableau, suivez la section ci-dessous.

Convertir les clés de la carte en un tableau à l'aide du tableau.De () méthode

Pour convertir les clés de la carte et toutes les entrées (paires de valeurs clés) de la carte en un tableau, utilisez le «carte.Clés()"Méthode et le"carte.Entrées ()«Méthode avec le«Déployer.depuis()" méthode. La carte.La méthode Keys () obtient les clés de la carte et de la carte.Entrées () Méthode est utilisée pour récupérer les entrées de la carte dans une paire de valeurs clés.

Exemple
Pour convertir les clés de carte, appelez le «carte.Clés()«Méthode dans le«Déployer.depuis()" méthode:

Const Keys = tableau.de (carte.clés());

Appeler la carte.Entrées () Méthode comme argument dans le tableau.De () méthode pour convertir toutes les entrées de carte en un tableau:

CONSTRESTES = tableau.de (carte.entrées ());

La sortie montre que les touches et les entrées de la carte sont converties avec succès en un tableau:

Convertir les touches de carte en un tableau à l'aide de la méthode de l'opérateur de propagation

Voyons la méthode pour convertir les clés de carte et toutes les entrées de carte dans un tableau, en utilisant le «opérateur de propagation".

Exemple
Appeler le "carte.Clés()”Méthode avec l'opérateur d'écart et stockez le tableau résultant dans des cartes variables:

var mapkeys = [… map.clés()];

Pour convertir les entrées de carte dans un tableau utilisant le «carte.Entrées ()»Méthode avec l'opérateur de diffusion:

Const Mapentries = [… Carte.entrées ()];

Sortir

Nous avons compilé toutes les informations nécessaires liées à la conversion des valeurs de carte en un tableau et à des clés et à des entrées en un tableau à l'aide de JavaScript.

Conclusion

Pour convertir les valeurs de carte en un tableau, utilisez le «carte.valeurs()«Méthode avec le«Déployer.depuis()«Méthode ou le«opérateur de propagation". La carte.La méthode valeurs () est utilisée pour obtenir les valeurs de la carte et le tableau.de () méthode convertit ces valeurs en un tableau tandis que l'opérateur d'écart copie toutes les valeurs de carte en un tableau. Ce tutoriel décrit la procédure de conversion des valeurs d'une carte en un tableau.