Comment convertir Set en un tableau en javascript?

Il ne fait aucun doute que les ensembles sont l'un des éléments les plus cruciaux de la version ES6 de JavaScript car ils fournissent la qualité de l'unicité en n'ayant qu'une seule occurrence de chaque élément à Max. Mais autant d'aide qu'elles le sont, vous devrez peut-être toujours convertir un ensemble en un tableau pour effectuer différentes opérations qu'un ensemble ne peut pas effectuer sur un ensemble. Cette conversion peut vous sembler intimidant au début, mais ne vous inquiétez pas, car il existe plusieurs façons de convertir un ensemble en un tableau dans le javascript.

Dans cet article, vous travaillerez avec les méthodes suivantes:

• En utilisant le Déployer.depuis() Méthode pour former un nouveau tableau.
• En utilisant la fonction foreach () pour pousser les éléments dans un tableau.
• Utilisation de l'opérateur de propagation pour attribuer des éléments à un tableau.

Alors commençons par le premier. Mais avant cela, nous initialiserons un ensemble que nous allons convertir en un tableau tout au long de ce post. Pour cela, utilisation:

var myset = nouveau set (["Chicago", "Moscou", "Berlin", "Tokyo", "Paris"]);

Comme vous pouvez le voir, notre ensemble se compose de certaines des villes célèbres du monde.

Utilisation du tableau.de () méthode pour un ensemble dans une conversion de tableau

La première façon d'obtenir la sortie souhaitée est d'utiliser un package intégré Déployer puis en utilisant la méthode "depuis" de l'intérieur de ce package. La syntaxe du tableau.De () la méthode peut être définie comme:

arr = tableau.de (élément)

• élément: L'élément peut être n'importe quoi d'une chaîne à un objet et, dans notre cas, l'ensemble.
• Arr: ARR est la variable dans laquelle nous stockons la valeur de retour de notre tableau.de la fonction.

Valeur de retour:
Le Déployer.depuis La méthode renvoie un tableau à l'appelant.

Pour utiliser cette méthode avec notre ensemble, nous devions passer dans notre ensemble dans l'argument de cette méthode, comme cette ligne de code:

var myarray = tableau.de (myset);

Nous retournons le tableau et le stockons à l'intérieur de la variable "MyArray", Et nous pouvons confirmer la sortie en utilisant la fonction de journal de console comme:

console.journal (MyArray);

La sortie de ce programme ressemble à ceci:

Il ressort clairement de la sortie que notre ensemble a été converti avec succès en tableau.

Utilisation de la fonction foreach pour un ensemble sur une conversion de tableau

En JavaScript, tout est considéré comme un objet, et chaque objet a cette propriété connue sous le nom de prototype; Ce prototype donne accès à certaines des fonctions de base de tous les objets en JavaScript. L'une de ces fonctions est le pour chaque() fonction. La fonction foreach () est utilisée pour parcourir chaque élément sur lequel cette fonction est appelée, que ce soit une chaîne, un objet, une carte ou un ensemble.

Ce qui suit est la syntaxe cette méthode:

obj.foreach ((x) => // instructions pour chaque élément //);

• X: est la valeur pour chaque élément de chaque itération de la fonction foreach ().
• OBJ: Objet dont les éléments sont itérés; peut être une chaîne, un objet, une carte ou même un ensemble.

Pour l'utiliser avec notre ensemble, utilisez les lignes de code suivantes:

var myArray = [];
myset.foreach ((x) => myarray.push (x));
console.journal (MyArray)

Nous créons un nouveau tableau avec le nom "MyArray”Et le régler égal à un tableau vierge. Après cela, nous appelons la fonction foreach () sur notre ensemble, puis poussons chaque élément de l'ensemble dans notre tableau nouvellement créé. Lors de l'exécution, nous obtenons la sortie suivante:

La sortie se compose d'un tableau créé à partir de notre ensemble.

Utilisation de l'opérateur de propagation pour un ensemble dans une conversion de tableau

L'opérateur de propagation est, comme nous le savons, utilisé pour répandre les éléments d'un objet itérable sur certains arguments ou une liste. Mais nous ne savons pas que nous pouvons même utiliser l'opérateur de propagation pour convertir les ensembles en tableaux. Pour utiliser l'opérateur d'écart, créez simplement un tableau et définissez-le égal aux arguments de propagation de l'ensemble. Regardez la ligne de code ci-dessous pour mieux comprendre ce concept:

var myArray = [… myset];

Nous avons créé un tableau nommé comme MyArray et définir son élément égal à ses arguments de propagation; Maintenant, nous pouvons enregistrer le journal à l'aide de la ligne:

console.journal (MyArray);

Une fois exécuté, vous allez obtenir la sortie suivante:

Comme vous pouvez le voir, nous avons pu convertir avec succès notre ensemble en un tableau à l'aide de l'opérateur de propagation.

Conclure

JavaScript est livré avec trois façons principales de convertir un ensemble en un tableau. La méthode comprend l'utilisation du opérateur de propagation, en utilisant le fonction foreach (), et en utilisant le «Déployer.depuis()" méthode. D'autres façons sont également disponibles, mais ils nécessitent des bibliothèques ou des packages externes. C'est pourquoi nous n'avons utilisé ceux qui ne sont pas par défaut dans la version ES6 de JavaScript. En fin de compte, l'utilisation de l'une des méthodes données dans ce post nous permet de nous faire sortir notre sortie.