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?。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。