Convertir Set a Array en JavaScript

Shiv Yadav 30 enero 2023
  1. Convertir un Set en un Array usando Array.from() en JavaScript
  2. Convertir un Set en un Array usando el operador Spread en JavaScript
  3. Convertir un Set en un Array usando la función Set.prototype.forEach() en JavaScript
Convertir Set a Array en JavaScript

En este artículo, veremos cómo convertir un Set a un array en JavaScript.

Convertir un Set en un Array usando Array.from() en JavaScript

  • Array.from() le permite construir Arrays desde las siguientes fuentes:
  • objetos tipo array (objetos con elementos indexados y una propiedad de longitud); o
  • elementos que se pueden iterar (como Map y Set).

A partir de objetos iterables como Set, el método Array.from() puede construir instancias de Array de copia superficial. Con ES6, se añadió al objeto Array. Así quedaría el código:

var aa = new Set([1, 3, 5, 7]);
let ar = Array.from(aa);

console.log(ar);

Producción :

[1, 3, 5, 7]

Convertir un Set en un Array usando el operador Spread en JavaScript

La expansión syntax (...) expande iteraciones, como expresiones de matriz o cadenas, donde se esperan cero o más argumentos (para llamadas a funciones) o elementos (para literales de matriz), o cero o más pares clave-valor se expanden a la posición esperada (para objetos literales).

También puede usar el operador de dispersión para cambiar el Conjunto en un array. La sintaxis de despliegue permite aumentar el conjunto en el que se espera un literal de matriz. A su vez, incorporó la especificación ES6 de JavaScript.

Su utilización se prueba a continuación:

var aa = new Set([1, 3, 5, 7]);
let ar = [...aa];

console.log(ar);

Producción :

[1, 3, 5, 7]

Convertir un Set en un Array usando la función Set.prototype.forEach() en JavaScript

Otra solución es agregar cada elemento del Set al array. Esto se puede hacer fácilmente usando el método forEach(), como se muestra a continuación:

var aa = new Set([1, 3, 5, 7]);
let ar = [];
aa.forEach(k => ar.push(k));

console.log(ar);

El método forEach() ejecuta la devolución de llamada proporcionada una vez para cada valor en el objeto Set.

Producción :

[1, 3, 5, 7]
Autor: Shiv Yadav
Shiv Yadav avatar Shiv Yadav avatar

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

LinkedIn

Artículo relacionado - JavaScript Array