Ce didacticiel décrira la procédure de conversion des valeurs de la carte en un tableau.
Comment convertir/transformer des valeurs de carte en un tableau à l'aide de JavaScript ?
Pour transformer les valeurs d'une carte en tableau, utilisez les méthodes ci-dessous :
- Méthode Array.from()
- Opérateur de propagation
Méthode 1 : convertir les valeurs de carte en tableau à l'aide de la méthode Array.from()
Pour convertir les valeurs d'une carte en un tableau, utilisez le ' map.values() ' méthode avec le ' Tableau.de() ' méthode. La méthode map.values() est utilisée pour obtenir les valeurs de la carte et la méthode Array.from() convertit ces valeurs en un tableau.
Syntaxe
Suivez la syntaxe donnée pour convertir les valeurs de carte en tableau :
Déployer . de ( carte. valeurs ( ) )
Exemple
Créez un nouvel objet map à l'aide du constructeur Map() :
a été carte = Nouveau Carte ( ) ;
Définissez les entrées dans une paire clé-valeur dans la carte à l'aide de la touche ' Positionner() ' méthode:
carte. Positionner ( '1' , 'Nom' ) ;carte. Positionner ( 'deux' , 'Âge' ) ;
carte. Positionner ( '3' , 'E-mail' ) ;
carte. Positionner ( '4' , 'Contact#' ) ;
Appeler le ' valeurs() ' méthode dans le ' Tableau.de() ' méthode pour obtenir les valeurs de la carte et les convertit en un tableau et le stocke dans une variable ' mapValues ” :
a été mapValues = Déployer . de ( carte. valeurs ( ) ) ;
Enfin, imprimez les valeurs de la 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 : convertir les valeurs de carte en tableau à l'aide de l'opérateur Spread
Une autre façon de transformer les valeurs de la carte en un tableau consiste à utiliser le ' opérateur de propagation ' avec le ' map.values() ' méthode. La méthode map.values() obtient d'abord les valeurs de la carte, et l'opérateur de propagation copie toutes les valeurs de la carte dans un tableau.
Syntaxe
Utilisez la syntaxe fournie ci-dessous pour convertir les valeurs de carte en un tableau à l'aide de l'opérateur de propagation :
Exemple
Appeler le ' map.values() ' méthode avec le ' opérateur de propagation ” qui convertira les valeurs de la carte en tableau :
Production
Astuce bonus
Si vous souhaitez convertir des clés ou toutes les entrées de la carte dans un tableau, suivez la section ci-dessous.
Convertir les clés de la carte en tableau à l'aide de la méthode Array.from()
Pour convertir les clés de la carte et toutes les entrées (paires clé-valeur) de la carte dans un tableau, utilisez le ' map.Keys() » méthode et la « map.entries() ' méthode avec le ' Tableau.de() ' méthode. La méthode map.Keys() obtient les clés de la carte et la méthode map.entries() est utilisée pour récupérer les entrées de la carte dans une paire clé-valeur.
Exemple
Pour convertir les clés de carte, appelez le ' map.Keys() ' méthode dans le ' Tableau.de() ' méthode:
Appelez la méthode map.entries() comme argument dans la méthode Array.from() pour convertir toutes les entrées de la carte en un tableau :
constante entrées = Déployer . de ( carte. entrées ( ) ) ;La sortie montre que les clés et les entrées de la carte sont converties avec succès en un tableau :
Convertir les clés de carte en tableau à l'aide de la méthode de l'opérateur Spread
Voyons la méthode pour convertir les clés de la carte et toutes les entrées de la carte dans un tableau, en utilisant le ' opérateur de propagation ”.
Exemple
Appeler le ' map.Keys() ” avec l'opérateur spread et stockez le tableau résultant dans la variable mapKeys :
Pour convertir les entrées de carte dans un tableau en utilisant le ' map.entries() ” méthode avec l'opérateur propagation :
constante mapEntries = [ ... carte . entrées ( ) ] ;Production
Nous avons compilé toutes les informations nécessaires liées à la conversion des valeurs de carte en un tableau et mappons également les clés et les entrées dans un tableau à l'aide de JavaScript.
Conclusion
Pour convertir les valeurs de la carte en un tableau, utilisez le ' map.values() ' méthode avec le ' Tableau.de() » ou la méthode « opérateur de propagation ”. La méthode map.values() est utilisée pour obtenir les valeurs de la carte et la méthode Array.from() convertit ces valeurs en un tableau tandis que l'opérateur spread copie toutes les valeurs de la carte dans un tableau. Ce didacticiel décrit la procédure de conversion des valeurs d'une carte en tableau.