Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

How to convert Set to Array in JavaScript?

  • Last Updated : 21 Jul, 2021

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

    Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!

    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

JavaScript is best known for web page development but it is also used in a variety of non-browser environments. You can learn JavaScript from the ground up by following this JavaScript Tutorial and JavaScript Examples.




My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!