Skip to content
Related Articles

Related Articles

How to convert Set to Array in JavaScript?

Improve Article
Save Article
  • Difficulty Level : Easy
  • Last Updated : 10 Nov, 2022
Improve Article
Save Article

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

Using Array.from() Method: This method returns a new Array from an array like an object or iterable objects like Map, Set, etc. 

Syntax:

Array.from(arrayLike object);

Example 1:

HTML




<!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: 

HTML




<!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() Method: 

Example 3: 

HTML




<!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:

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
Related Articles

Start Your Coding Journey Now!