¿Cómo convertir Set a Array en JavaScript?

¿Cómo convertir Set a Array en JavaScript?

Para convertir un Colocar en una Formación , necesitamos conocer las características principales de un conjunto. A colocar Es una colección de elementos únicos, es decir, ningún elemento se puede repetir. Colocar en ES6 están ordenados, es decir, elementos del colocar se puede iterar en el orden de inserción. Convertir un conjunto en una matriz en JavaScript es sencillo gracias a la naturaleza de elemento única y la estructura ordenada de los conjuntos.

convertir-conjunto-a-matriz

convertir conjunto a matriz en JavaScript

A colocar se puede convertir en una matriz en javascript de las siguientes maneras:

Tabla de contenidos

1. Usando el método JavaScript Array.from()

Método JavaScript Array.from() devuelve una nueva matriz a partir de una matriz, objeto u otros objetos iterables como mapa, conjunto, etc. Toma el conjunto como parámetro y lo convierte en una matriz.

Sintaxis:

const arrayName = Array.from(setName); 

Ejemplo: T Este ejemplo convierte un conjunto en una matriz usando el Método Array.from()

JavaScript
// Creating array from input string const mySet = new Set([1, 1, 2, 3, 4, 4, 5, 6, 5]); console.log('Elements in the set are: ', mySet); let myArr = Array.from(mySet); // Display output console.log('Elements in the Array created using Set are: ', myArr); 

Producción
Elements in the set are: Set(6) { 1, 2, 3, 4, 5, 6 } Elements in the Array created using Set are: [ 1, 2, 3, 4, 5, 6 ] 

2. Uso del operador de extensión de JavaScript

El Operador de extensión de JavaScript se puede utilizar para desestructurar los elementos de la matriz y luego asignarlos a la nueva variable en forma de matriz.

Sintaxis:

const arrayName = [...setName]; 

Ejemplo: El siguiente código convierte un conjunto en una matriz usando el operador de propagación .

JavaScript
// Input set let mySet = new Set(['GFG', 'JS']); console.log('Elements in the set are: ', mySet); // Convert using spread operator let myArr = [...mySet]; // Display output console.log('Elements in the Array created using Set are: ', myArr); 

Producción
Elements in the set are: Set(2) { 'GFG', 'JS' } Elements in the Array created using Set are: [ 'GFG', 'JS' ] 

3. Uso del método JavaScript para cada()

El método arr.forEach() llama a la función proporcionada una vez para cada elemento del conjunto donde se insertan en una matriz utilizando el método push().

Sintaxis:

 setName.forEach((ele)=>{ arrayName.push(él); }); 

Ejemplo: El siguiente ejemplo de código utiliza el método para cada() para convertir un conjunto en una matriz.

JavaScript
// Create input set let newSet = new Set(); let arr = []; newSet.add('Geeks'); newSet.add('for'); // Duplicate item newSet.add('Geeks'); console.log('Set Elements: ', newSet); let someFunction = function (val1) {  arr.push(val1); }; newSet.forEach(someFunction); // Display output console.log('Array Elements: ' + arr); 

Producción
Set Elements: Set(2) { 'Geeks', 'for' } Array Elements: Geeks,for 

4. Usando el método Lodash _.toArray()

Lodash es una biblioteca de JavaScript que nos permite utilizar el _.toArray() Método que acepta un valor y lo convierte en una matriz.

NOTA: Para utilizar este enfoque, debe instalar la biblioteca lodash en su sistema local usando el npm yo lodash dominio.

Sintaxis:

const arrayName = _.toArray(setName); 

Ejemplo: El siguiente código implementa el método _.toArray() de la biblioteca lodash para convertir un conjunto en una matriz.

JavaScript
// Requiring the lodash library  const _ = require('lodash'); let set = new Set(['welcome', 'to', 'GFG']); console.log('Set Elements: ', set); // Use of _.toArray() method  console.log('Array Elements: ', _.toArray(set)); 

Producción:

Set Elements: Set(3) { 'welcome', 'to', 'GFG' } Array Elements: [ 'welcome', 'to', 'GFG' ] 

5. Usando el método Array.from() con una función de mapeo

Mientras que la Método Array.from() se usa comúnmente para convertir iterables como conjuntos en matrices, también permite el uso de una función de mapeo. Esta función de mapeo puede resultar útil para transformar cada elemento del conjunto durante el proceso de conversión.

Sintaxis:

const arrayName = Array.from(setName, mapFunction); 

Ejemplo: Este ejemplo demuestra cómo usar Array.from() con una función de mapeo para convertir un conjunto en una matriz con elementos modificados.

javascript
// Create a set with numerical values const numSet = new Set([1, 2, 3, 4, 5]); // Convert the set to an array, doubling each element const doubledArray = Array.from(numSet, x =>x*2); console.log('Doubled Array:', doubledArray); 

Producción
Doubled Array: [ 2, 4, 6, 8, 10 ] 

Uso del método JavaScript Array.prototype.map con el operador de extensión

Otro método para convertir un conjunto en una matriz en JavaScript es combinar el método del mapa con el operador de extensión. Este método permite la transformación de elementos durante el proceso de conversión, similar a Array.from() con una función de mapeo, pero usando una sintaxis diferente.

Sintaxis :

const arrayName = [...setName].map(mapFunction); 

Ejemplo: En este ejemplo, convertiremos un Conjunto en una Matriz y aplicaremos una transformación a cada elemento usando el método de mapa.

javascript
// Create a set with string values const stringSet = new Set(['a', 'b', 'c', 'd']); // Convert the set to an array, appending a suffix to each element const suffixedArray = [...stringSet].map(x =>x + '_sufijo'); console.log('Matriz con sufijo:', matriz con sufijo); 

Producción
Suffixed Array: [ 'a_suffix', 'b_suffix', 'c_suffix', 'd_suffix' ]