Javascript Set转Array用法及代码示例

可以通过以下方式将集合转换为 JavaScript 中的数组 -

通过使用 Array.from() 方法：此方法从数组(如对象)或可迭代对象(如 Map、Set 等)返回一个新数组。语法

Array.from(arrayLike object);

示例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>

输出

使用扩展运算符：使用扩展运算符还可以帮助我们将 Set 转换为 array.Syntax

var variablename = [...value];

示例-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>

输出

使用 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>

输出

支持的浏览器：

谷歌浏览器
Firefox
Edge
Opera
苹果Safari

JavaScript 以网页开发而闻名，但它也用于各种非浏览器环境。您可以按照此 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript。

相关用法

注：本文由纯净天空筛选整理自kartikgoel1999大神的英文原创作品 How to convert Set to Array in JavaScript?。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。