Skip to content
Related Articles

Related Articles

Improve Article

How to convert Set to Array in JavaScript?

  • Last Updated : 21 Jul, 2021
Geek Week

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

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.

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!




My Personal Notes arrow_drop_up
Recommended Articles
Page :