Skip to content
Related Articles

Related Articles

Improve Article
How to convert Set to Array in JavaScript?
  • Last Updated : 14 May, 2019

A set can be converted to an array in JavaScript by the following way-

  • By using Array.from() method:
    This method returns a new Array from an array like object or iterable objects like Map, Set, etc.
    Syntax
    Array.from(arrayLike object);

    Example-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>

    Output

  • Using spread operator:
    Using of spread operator can also help us convert Set to array.
    Syntax
    var variablename = [...value]; 

    Example-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>

    Output

  • Using forEach:
    Example-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>

    Output

Supported Browsers:

  • Google Chrome
  • Firefox
  • Edge
  • Opera
  • Apple Safari



My Personal Notes arrow_drop_up
Recommended Articles
Page :