¿Cómo convertir Set a Array en JavaScript?

Un conjunto se puede convertir en una array en JavaScript de la siguiente manera:

  • Al usar el método Array.from() :
    este método devuelve una nueva array de un objeto similar a una array u objetos iterables como Map, Set, etc.
    Sintaxis
    Array.from(arrayLike object);

    Ejemplo 1

    <!DOCTYPE html>
    <html>
      
    <head>
        <title>
            Convert Set to Array
        </title>
    </head>
      
    <body>
        <center>
            <h1 style="color:green">
              GeeksforGeeks
          </h1>
            <script>
                const set = 
                   new Set(['welcome', 'to', 'GFG']);
                Array.from(set);
      
                document.write(Array.from(set));
            </script>
        </center>
    </body>
      
    </html>

    Producción

  • Uso del operador de distribución:
    El uso del operador de distribución también puede ayudarnos a convertir Conjunto en array.
    Sintaxis
    var variablename = [...value]; 

    Ejemplo-2:

    <!DOCTYPE html>
    <html>
      
    <head>
        <title>
            Convert Set to Array
        </title>
    </head>
      
    <body>
        <center>
            <h1 style="color:green">
              GeeksforGeeks
          </h1>
            <script>
                const set = 
                      new Set(['GFG', 'JS']);
                const array = [...set];
                document.write(array);
            </script>
        </center>
    </body>
      
    </html>

    Producción

  • Usando forEach:
    Ejemplo-3:

    <!DOCTYPE html>
    <html>
      
    <head>
        <title>
          Convert Set to Array
      </title>
    </head>
      
    <body>
        <center>
            <h1 style="color:green">
              GeeksforGeeks
          </h1>
      
            <script>
                var gfgSet = new Set();
                var gfgArray = [];
      
                gfgSet.add("Geeks");
                gfgSet.add("for");
                // duplicate item
                gfgSet.add("Geeks");
      
                var someFunction = function(
                val1, val2, setItself) {
                    gfgArray.push(val1);
                };
      
                gfgSet.forEach(someFunction);
      
                document.write("Array: " + gfgArray);
            </script>
        </center>
    </body>
      
    </html>

    Producción

Navegadores compatibles:

  • Google Chrome
  • Firefox
  • Borde
  • Ópera
  • safari de manzana

JavaScript es mejor conocido por el desarrollo de páginas web, pero también se usa en una variedad de entornos que no son de navegador. Puede aprender JavaScript desde cero siguiendo este tutorial de JavaScript y ejemplos de JavaScript .

Publicación traducida automáticamente

Artículo escrito por kartikgoel1999 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *