Comment convertir les touches de carte en un tableau en javascript?

JavaScript est un langage de programmation de haut niveau qui offre à ses développeurs de nombreuses structures de données différentes qui sont utilisées pour stocker des données et du contenu et peuvent être facilement maintenues et comprises. Les structures les plus couramment utilisées pour stocker des collections de données en JavaScript sont les tableaux et objets. Les tableaux sont utilisés pour stocker des enregistrements indexés tandis que dans des objets, les paires de valeurs de clé sont stockées. En 2015, JavaScript a introduit un autre objet itérable connu sous le nom de carte Dans ECMAScript dont le but principal était de donner aux développeurs plus de flexibilité.

Dans cet article, nous discuterons de ce qu'est un objet de carte et comment convertir les clés de carte en un tableau en javascript.

Objet cartographier

Un objet MAP est un objet simple dont la fonction est de stocker une collection d'éléments à l'exception que la carte stocke les données dans les paires de valeurs clés. Quelle que soit l'ordre de vous insérer des données dans l'objet Map, il se souvient de cette commande. Le syntaxe de l'objet de carte est indiqué ci-dessous:

var map = new Map ([iTableAbject]);

Le iTableBobject L'argument est facultatif et est l'objet dont les éléments sont stockés sous forme de paires de valeurs clés dans l'objet MAP.

Implémentons un objet MAP dans JavaScript afin que nous sachions comment l'objet MAP est initialisé et comment il fonctionne:

// Créer une carte
var map = newmap ();
// Configuration des clés et des valeurs pour l'objet MAP
carte.set ('1', 'string'); // clé en tant que chaîne
carte.set (1, «nombre»); // Clé comme numérique
carte.set (vrai, «booléen»); // clé comme booléen
// obtient des valeurs de la carte à l'aide de clés
console.journal (carte.obtenir (1)); // nombre
console.journal (carte.get ('1')); // chaîne

Dans le code ci-dessus, nous avons initialisé un objet MAP, puis définis certaines valeurs dans l'objet MAP initialisé. Après cela, nous récupérons une valeur en utilisant la carte.Méthode get () et l'afficher à l'aide de la console.enregistrer():

Conversion des clés de carte en tableau

Nous pouvons obtenir les clés de l'objet Map en utilisant le Carte.clés() méthode.

Pour convertir les touches de carte en un tableau, nous pouvons utiliser deux méthodes. La première approche sera d'utiliser le Déployer.depuis méthode qui aide à convertir un Mapiterator (un objet nous aidant à parcourir les enregistrements ou les collections) dans un tableau de la manière suivante:

// Créer une carte
var map = newmap ();
// Configuration des clés et des valeurs pour l'objet MAP
carte.set («fruit», «pomme»);
carte.set («quantité», 20);
// Convertir les touches de carte en tableau
Laissez les clés = tableau.de (carte.clés() );
console.journal (clés); // [Fruit, quantité]

Dans le code ci-dessus, nous avons d'abord initialisé l'objet Map, puis définis deux valeurs pour l'objet MAP. Suivant pour obtenir des touches de l'objet Map, nous avons utilisé la méthode intégrée de l'objet MAP carte.clés(). Ensuite, nous avons utilisé le Déployer.depuis Méthode qui convertira le résultat en un tableau. En fin de compte, nous avons affiché les clés de la console à l'aide de la console.Méthode log ().

La deuxième approche que nous pouvons adopter est d'utiliser l'opérateur de propagation «…» en javascript dont la fonction est de prendre un itérable puis de convertir ce itérable en éléments individuels.

// Créer une carte
var map = newmap ();
// Configuration des clés et des valeurs pour l'objet MAP
carte.set («fruit», «pomme»);
carte.set («quantité», 20);
// Convertir les touches de carte en tableau
Laissez les clés = [… Carte.clés() ];
console.journal (clés); // [Fruit, quantité]

Le code donné ci-dessus reste le même à l'exception de l'utilisation de l'opérateur de diffusion «…».

Comme vous pouvez le voir dans la sortie, nous avons réussi à convertir notre objet MAP en un tableau itérable:

Conclusion

JavaScript a introduit un objet de carte dans ECMascript en 2005 dans lequel nous pouvons stocker une collection d'éléments en paires de valeurs clés. Nous pouvons obtenir les touches de l'objet Map en utilisant la carte de la méthode intégrée.clés(). Pour convertir les touches de carte en un tableau, nous devons d'abord initialiser un objet de carte, suivi en utilisant la carte.Méthode Keys () puis utilisez l'opérateur de propagation ou le tableau.de () méthode pour convertir les clés en un tableau.

Dans cet article, nous avons discuté de ce qu'est un objet de carte JavaScript et comment convertir un objet MAP en un tableau en JavaScript en utilisant deux approches; Utiliser l'opérateur de propagation et utiliser un tableau.De () méthode.